@media (max-width: 1170px) {
.question-mark {
    padding: 70px 10px 30px 10px;
}
.rtl .cs-tabs .tab-content {float: right;}
.rtl .cs-tabs.cs-vertical-tabs .tab-content {width:72%;}
.main-section .cs_counter.classic {
    border-left: none;
    border-right: none;
}
}
/*============	Media 768Px Start ============ */ 
@media (min-width: 768px) and (max-width: 990px) {
	.content-rt.col-md-3 {width: 100% !important;}
	.col-md-4, .col-md-3 { width: 50% !important; }

	.main-section .page-content, .main-section .page-content ~ .page-sidebar, .col-md-12, .main-section .image-frame figure, body .wrapper.wrapper_boxed, .widget-projects .cs-listing {width: 100%;}
	.main-section .col-md-3.left-sec { width: 33.33% !important;}
	.element-size-25, .element-size-33 {width: 50% !important;}
	.col-md-2 { width: 33.33%;}
	.no-clients-border .col-md-2 {width: 16%;}
	.col-md-5, .col-md-7, .col-md-6 {width: 50%;}

	/*============ Header Style ============ */
	.main-navbar {
   
   z-index: 1000; position: fixed; top: 0px;
   text-align: center;

  }
	.navigation {padding: 26px 0 0;}
	.navigation ul li {width: 100%; margin: 0 0 5px;}
	.navigation ul li.dropdown a {background-color: #eff2f5; color: #999 !important; width: 100%; float: left; text-align: left;}
	.navigation ul li ul.dropdown-menu{ float:left;}
	.sub-menu .dropdown-menu{visibility:visible !important;}
	.navbar-nav > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu > li > .dropdown-menu, .sub-menu .dropdown-menu, .mega-grid{ width:100%; position:relative !important; background-color:none !important; visibility:visible !important; opacity:1 !important; display:block !important; left:0; box-shadow:none; border:0;}
	.navbar-nav > li > .dropdown-menu > li, .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li, .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li{ padding:0 !important;}
	.navbar-header .navbar-toggle{ background-color: #222; display: inline-block; float: none;}
	.navbar-header {text-align: center; width: 100%;}
	.collapse{ display:none;}
	.navigation ul li a {line-height: 30px !important; min-height: 0 !important;}
	.navigation .navbar-collapse.collapse { display:none !important;}
	.navigation .navbar-collapse.collapse.in{ display:block !important;}
	.navbar .navbar-collapse.in {overflow-y: visible;}
	.main-navbar .navigation ul ul ul {left: 0;}
	.navbar-collapse .sub-dropdown {width: 100%; position: relative; transform: translateX(0px); visibility: visible; opacity: 1; float: left; background:none !important;}
	.navbar-toggle .icon-bar {background-color: #fff;}
	.navbar.navigation.mobile-nav {display: inline-block !important;float: left; margin: 0 30px 0 0; }
	.navbar-collapse {position: absolute;left: 0px;top: 100%;width: 400px;background-color: #fff;z-index: 999; }
	.sub-dropdown li a {border: none !important;}.navigation ul > li > a:before {background: none !important;}
	.navbar.navigation {display: none;}
	/*============ Header Style ============ */
	.main-navbar .search-sec form label:before {top: 8px;}
	.main-navbar .navbar-toggle {margin: 0;}

	/*====== Cases Style =======*/
	.main-section .cs-cases figure {width: 30%;}
	.cs-cases .text {width: 100%; float:left;}
	.main-section .cs-cases ul {width: 40%;}
	/*====== Cases Style =======*/
	/*====== Team Detail Style =======*/
	.main-section .team-detail .post-options, .main-section .team-detail .sg-socialmedia {margin: 0 0 10px 0;}
	.main-section .team-detail .post-options li {margin: 0 0 5px 0;}
	.main-section .element-size-100.widget {width: 50%; padding: 0 15px 0 0;}
	/*====== Team Detail Style =======*/
	/*====== under-construction Style =======*/
	.under-wrapp .user-signup > form {width: 50%;}
	/*====== Common Element Style =======*/
	
	.main-section .time_line .owl-nav div:before {height: 30px; width: 30px; top: 15px;}
	.main-section .time_line .owl-nav div i {padding: 15px 0 0 10px; float: left;}
	.main-section .time_line .owl-controls:before {width: 78%; top: 18px;}
	.main-section .section-sidebar {width: 100%;}
	.time_line.col-md-12 {margin-left: 15px;}
	.main-section .under-wrapp .main-digit-wrapp { margin:0 15px 25px 0;}
	.tp-bullets{z-index: 998!important;}
	.section-fullwidth .element-size-67{width:100%;}
		.section-content{width:100%;}
		.flex-direction-nav{display:none;}

	[class*="element-size-"]:last-child .cs_counter.classic {
    border-right: 1px solid #ccc;
}	
.main-digit-wrapp:last-child { border-right: 1px solid #f4f0f0}
}
	


/*============ Media 420Px Start ============ */
@media (max-width: 767px) {
	.section-content{width:100%;}
		.flex-direction-nav{display:none;}
	.element-size-50,
	.element-size-33,
	.element-size-75,
	.element-size-67,
	.page-content,
	.page-sidebar, 
	.page-sidebar ~ .page-content,
	.element-size-100 .col-md-12,
	.element-size-75 .col-md-12,
	.element-size-67 .col-md-12,
	.element-size-50 .col-md-12,
	.element-size-25 .col-md-12,
	.element-size-33 .col-md-12,
	.col-md-12, .page-content, footer [class*="col-md-"], .col-md-6, .col-md-9, .col-md-4, .col-md-3, .col-md-2, .element-size-25 { width: 100% !important; }
	.section-fullwidth .element-size-67{width:100%;}
	/*====== Top Bar Style =======*/
	.top-bar {text-align: center;}
	.top-bar .right-side, .top-bar .left-side {display: inline-block; float: none;}
	/*====== Navigation Style =======*/
	.main-navbar {
     z-index: 1000; position: fixed; top: 0px;
   text-align: center;
    }
	.navigation ul li.dropdown a {width: 100%; float: left; text-align: left;}
	.navbar {position: relative; z-index: 999;}
	.navbar-header .navbar-toggle { float: left; background-color: #222;}
	.navbar .navbar-collapse.in {overflow-y: visible;}
	.navigation ul li {width: 100%; margin: 0 0 5px;}
	.navigation ul li a {line-height: 30px !important; min-height: 0 !important;}
	.navigation ul li.dropdown a {background-color: #eff2f5; color: #999 !important;}
	.navbar-collapse .sub-dropdown {width: 100%; position: relative; transform: translateX(0px); visibility: visible; opacity: 1; float: left; background:none !important;}
	.main-navbar .navigation ul ul ul {left: 0;}
	.cs_searchbtn {line-height: 60px !important;}
	.navbar-toggle .icon-bar {background-color: #fff;}
	.navigation ul > li > a:before {background: none;}
	.logo > a, .navigation .cs_searchbtn {line-height: inherit!important;}
	.navigation .cs_searchbtn {min-height: inherit!important;}
	.search-sec {position: relative; z-index: 999;}
	header .navigation ul > li > a:before {display: none;}
	.navbar.navigation {display: none;}
	.navbar.navigation.mobile-nav {display: inline-block !important;float: left; margin: 0 30px 0 0; }
	.navbar-collapse {position: absolute;left: 0px;top: 100%;width: 400px;background-color: #fff; z-index: 999;}
	.sub-dropdown li a {border: none !important;}
	.navigation {padding: 26px 0 0 0;}.search-sec{top: 13px;}
	/*====== Navigation Style =======*/
	.logo {text-align:center;}
	.main-navbar .search-sec form {width: 290px;}
	.main-navbar .navbar-toggle {
		margin: 0;
	}

	/*====== blog small =======*/
	.widget_categories ul{ width:100%;}
	.main-section .blog-medium-small .date-time, hidden .cs-blog.blog-small .date-time{ margin-right:25px;}
	.main-section .blog-medium-small .cs-media figure { margin-bottom: 25px; margin-right: 0; width: 67%;}
	.main-section .blog-medium-small .blog-text, .cs-blog.blog-small .blog-text{ width:100%; float:left;}
	/*====== blog medium =======*/
	.main-section .cs-blog.blog-medium figure { float: left; margin-bottom: 25px; width: 100%;}
	.main-section .cs-blog.blog-medium .cs-media ~ .blog-text { padding: 0; }
	/*====== About Us Style =======*/
	.heading-description {padding: 0 10px;}
	.heading-description .button_style {margin: 0 5px 20px 0;}
	.main-section h1 a {text-align: center!important;}
	.heading-description .large-btn {min-width: 140px;}
	.main-section h1, .main-section h1 a {padding: 0 10px}
	/*====== About Us Style =======*/
	/*====== Practice Style =======*/
	.main-section .cs-services figure img {float: left; width: 100%;}
	.main-section .cs-services.modren.top-center figure img {float: none; display: inline-block; width: auto;}
	/*====== Practice Style =======*/
	/*====== Cases Style =======*/
	.main-section .cs-cases figure {width: 50%;}
	.cs-cases .text {width: 100%; float:left;}
	.main-section .cs-cases ul {width: 50%; padding: 0 20px;}
	/*====== Cases Style =======*/
	/*====== Team Detail Style =======*/
	.main-section .team-detail figure.detailpost img, .main-section .cs-classic-form form p {width: 100%;}
	.main-section .team-detail figure figcaption {position: inherit; width: 100%; float: left;}
	.detailpost .Profile-btn {float: left;}
	.main-section .cs-edu-info header ~ .text {padding: 0; float: left;}
	/*====== Team Detail Style =======*/
	/*====== Blog Single Style =======*/
	#cs-comments .thumblist .text {padding: 0; float: left;}
	.main-section .cs-plain-form .comment-form-phone ~ .comment-form-comment, #cs-comments .children {width: 100%; position: inherit; padding-left: 0;}
	.main-section .cs-plain-form .comment-form-author, .main-section .cs-plain-form .comment-form-email, .main-section .cs-plain-form .comment-form-phone,
	.main-section .cs-plain-form .comment-form-author input, .main-section .cs-plain-form .comment-form-email input, .main-section .cs-plain-form .comment-form-phone input {width: 100%;}
	/*====== Blog Single Style =======*/
	/*====== Page Not Found Style =======*/
	.main-section .page-not-found .cs-section-title h2:before, .main-section .page-not-found .cs-section-title h2:after {left: 0;}
	.main-section .cs-content404 p, .main-section .page-not-found .cs-search-area > form, .main-section .page-no-search .cs-search-area > form {width: 100%;}
	/*====== Page Not Found Style =======*/
	/*====== Testimonials Style =======*/
	.image-frame.frame-plane.lightbox {padding: 0 20px;}
	/*====== services Style =======*/
	.main-section .gallery-columns-4 .gallery-item {width: 50%;}
	/*====== under-construction Style =======*/
	.under-wrapp .user-signup > form {width: 100%;}
	/*====== Typography Style =======*/
	.main-section .cs-qoute:before {left: -5px;}
	/*====== Common Element Style =======*/
	.main-section .cs-tabs .tab-content {width: 100%;}
	/*====== Media Elements Style =======*/
	.image-frame.frame-classic.lightbox {padding: 0 0 0 20px;}

	.main-section .time_line .owl-nav div:before {height: 30px; width: 30px; top: 7px;}
	.main-section .time_line .owl-nav div i {padding: 7px 0 0 11px; float: left;}
	.main-section .time_line .owl-controls:before {width: 75%; top: 18px;}
	.main-section .time_line .owl-nav {top: 9px;}
	.main-section .time_line .owl-nav div {margin: 0 0 0 8px;}

	.main-section .cs-edu-info:before, .main-section .cs-edu-info .inner-sec:before, .main-section .cs-edu-info .inner-sec:after {display: none;}
	.main-section .cs-edu-info {margin: 0 0 15px 10px;}
	.main-section .flex-direction-nav {display: none;}
	.main-section .panel-heading a {padding: 0 14px 0 0;}
	.main-section .call-actions .cell.heading, .call-actions .cell.text-area {text-align: left; width: 100%;}
	.main-section .cell.icon, .main-section .section-sidebar {width: 100%;}
	.main-section .under-wrapp .main-digit-wrapp { margin:0 15px 25px 0;}
	.tp-bullets{z-index: 998!important;}

	/*====== Footer Style =======*/
	.wrapper #copyright {padding: 20px 2px;}
	#copyright {text-align: center;}
	.wrapper #copyright .social-media {float: none; display: inline-block;}
	.main-digit-wrapp:last-child { border-right: 1px solid #f4f0f0}
	.cs-services figure i {
    display: block;}
 

}
/*============ Media 300Px Start ============ */



@media (max-width: 360px) {	
	.main-section .table.tablev2 th {
		font-size: 9px;
		padding: 8px 7px;
	}
    .table.tablev2 tbody tr td{height:80px !important;}	
    .navigation ul li {width: 95%;}
}

@media (max-width: 480px) {	
.flexslider .slides > li {
    display: block !important;
    padding-left: 20%;
	overflow:hidden;
	width:80% !important;
}
.flexslider .slides > .follow-on {
    float: left;
    width: 30%;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{width:25%;text-align:center;}
.table.tablev2 tbody tr td{width:25%;height:50px;text-align:center;}
.frameshape::before {
    border-left: 470px solid #ffffff;
}
	.page-content { padding: 0; }
	.element-size-50,
	.element-size-25,
	.element-size-75,
	.element-size-67,
	.element-size-33,
	.page-content,
	.page-sidebar, 
	.element-size-100 .col-md-12,
	.element-size-75 .col-md-12,
	.element-size-67 .col-md-12,
	.element-size-50 .col-md-12,
	.element-size-25 .col-md-12,
	.element-size-33 .col-md-12, 
	.col-md-3, .col-md-4, .col-md-12{ width: 100% !important; }
	
	.navbar-collapse {width: 300px;}

	/*====== blog small =======*/
	.main-section .blog-medium-small .date-time, hidden .cs-blog.blog-small .date-time{ margin-right:25px;}
	.main-section .blog-medium-small .cs-media figure { margin-bottom: 25px; margin-right: 0; width: 67%;}
	.main-section .blog-medium-small .blog-text, .cs-blog.blog-small .blog-text{ width:100%; float:left;}

	/*====== Cases Style =======*/
	.main-section .cs-cases figure {width: 100%; margin: 0 0 20px;}
	.cs-cases .text {width: 100%; float:left;}
	.main-section .cs-cases ul {width: 100%; padding: 0;}
	/*====== Cases Style =======*/
	/*====== Blog Large Style =======*/
	.main-section .cs-blog.blog-lrg .date-time ~ .blog-text {padding: 0; width: 100%; float: left;}
	.date-time {margin: 0 0 15px 0;}
	/*====== Blog Large Style =======*/
	/*====== Blog Single Style =======*/
	.main-section .admin-post ~ .rich_editor_text {padding: 0; float: left;}
	.main-section .blog-editor .cs-tags {padding-left: 0;}
	/*====== Blog Single Style =======*/
	/*====== Testimonials Style =======*/
	.flex-viewport .question-mark {padding: 30px 20px 30px 48px;}
	.flex-viewport .question-mark:before {left: 8px;}
	/*====== under-construction Style =======*/
	.under-wrapp .cons-text-wrapp h1 {font: 40px "Vidaloka",sans-serif !important;}
	/*====== Common Element Style =======*/
	.main-section .cs-tabs .nav-tabs li a {padding: 10px 6px;}
	.main-section .cs-tabs .tab-content, .main-section .cs-vertical-tabs .nav-tabs {width: 100%;}
	.main-section .element-size-67 .cs-vertical-tabs .nav-tabs, .main-section .element-size-67 .cs-tabs .tab-content {width: 100%;}

	.main-section .time_line .owl-nav div {margin: 0 0 0 8px;}
	.main-section .time_line .owl-controls:before {width: 60%; top: 18px;}
	.main-section .gallery-columns-4 .gallery-item {width: 100%;}
	.main-section .btn-position-top .text {width: 63%;}
	.main-section .cs-tabs .nav-tabs li {width: 100%;}
	.main-section .table.tablev2 tbody tr td {font-size: 11px; padding: 12px 5px; float: left;}
	.main-section .table.tablev2 th {padding: 8px 5.5px; float: left;}
	.cs-table .cs-tablerow .pageinfo h1 {overflow: hidden;}
	.main-section .under-wrapp .main-digit-wrapp {width: 129px;}
	.main-section .cs-tabs .tab-content {width: 79%;}
	.rtl .main-section .cs-tabs .tab-content {width: 100%;}

}
@media screen and (min-width: 991px) and (max-width: 1170px) {
	.btn-position-bottom .Profile-btn {
		float: left;
		position: relative;
	}		
	
}
/*============	Media 940Px Start ============ */
@media screen and (min-width: 991px) and (max-width: 1054px) {

	.navigation .sub-dropdown {transform: translateX(5px); width: 180px;}
	/*====== Team Detail Style =======*/
	.main-section .team-detail .post-options, .main-section .team-detail .sg-socialmedia {margin: 0 0 10px 0;}
	.main-section .team-detail .post-options li {margin: 0 0 5px 0;}
	.main-section .team-detail figure figcaption {padding: 10px 30px;}
	.main-section .team-detail .sg-socialmedia .send-email {margin: -2px 0 0 11px;}
	.main-section .btn-position-top .text {width: 64%;}
	/*====== Team Detail Style =======*/
	/*====== Common Element Style =======*/
	.main-section .cs-tabs .tab-content {width: 100%;}
	.navigation li > a {padding: 0 10px !important;}.navigation {float: left;}.logo{float: left;}
	.main-section .time_line .owl-controls:before {width: 83%;}

}