/* 1170px to 980px or 768px */
@media screen and (max-width: 1170px) {
.col-lg-3, .col-lg-4, .col-md-2, .col-md-3{display: inline-block; float: none; vertical-align: top; /*width: 33%;*/}
.col-lg-6{width: 50%; display: inline-block; vertical-align: top;}
.page-sidebar.col-lg-3, .page-sidebar.col-md-3{width: 25%; display: inline-block; vertical-align: top; margin: 0 0-4px 0 0;}
.col-lg-9{width: 75%; float: left;}
.widget.widget_twitter ul..slick-slider, .widget.widget_twitter.widget_extra_width{width: 100% !important;}
.section-sidebar.col-lg-3{float: left; width: 25%;}
#header .logo-area {
	text-align: center;
	padding: 20px 0;
}
#header.sticky .logo-area {
    padding: 0;
}
.user-content .team-detail figure img{width: 100% !important; height: 100% !important;}
#header .logo {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 15px 0!important;
}
.rtl #header .logo, #header .rtl .quick-btn, .rtl #header .contact-info{float: none !important;}
#header .logo-area .right-area {
	float: none;
	text-align: center;
}
#header .quick-btn,
 #header .contact-info {
	float: none !important;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 10px !important;
	text-align: center;
}
#header .contact-info li {
	float: none !important;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 10px !important;
}
.navigation > ul > li > a{padding: 18px 20px;}
.cs-services.right figure{margin-left: 10px;}
.frame-listing{overflow: hidden;}
.frame-listing figcaption .info-sec{bottom: 0px;}
.qoute-form{overflow: hidden;}
.qoute-form input.btn-booking{width: 97%;}
.merchandizer figure{margin-bottom: 20px;}
#footer .widget_extra_width{width: 33% !important;}
.bg-timer span.bg{margin-bottom: 20px;}
.cs-detail{width: 100%; padding: 0 0 20px 0;}
.qoute-form [class*="col-md"]{width: 100%;}
.cs-fleet figure figcaption{margin: -31% 0 0 0;}
.cs-fleet figure figcaption i{margin: -13% 0 0 0;}

.rtl .navigation > ul > li > a{padding: 18px 20px;}
.rtl .qoute-form input.btn-booking{width: 91%;}
.rtl i{margin: 0px!important;}
.service-type{margin-bottom: 30px;}
.rtl .navigation > ul > li{border-right: 0px; margin-right: -1px;}
.slicknav_menu { display:none; }
.error-page .cs-title p{
	font-size:140px;
}
.error-page .cs-title p {
    background-position:60% 50% !important;
}
[class*="col-md"], [class*="col-lg"], [class*="col-sm"], [class*="col-xs"]{
	display:block;
}
}
@media screen and (max-width: 1024px) {
.top-services .col-md-3{
	width:50%;
}
.our-fleet .col-md-2{
	width:20%;
}
}
@media screen and (min-width: 981px) {
.col-lg-12{
     display: block !important;
}
.col-lg-3, .col-lg-4, .col-md-2, .col-md-3{
	display:inline-block !important;	
}
[class*="col-md"], [class*="col-lg"], [class*="col-sm"], [class*="col-xs"]{
	display:inline-block;	
}
}
/* 980px to 768px */
/* If Required */
@media screen and (max-width: 980px) {
.navigation>ul { display: none; }
.slicknav_menu { display: block; }
.error-page .cs-title p {
    background-position:80% 50% !important;
}
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9{width: 100%;}
.col-lg-3, .col-lg-4, .col-md-3, .col-md-4{width: 50%; display:inline-block; float: none; vertical-align: top;}
.page-sidebar.col-lg-3 .widget, .page-sidebar.col-md-3 .widget, .section-sidebar.col-lg-3 .widget, .section-sidebar.col-md-3 .widget{
	width: 48%;
	float: none;
	display: inline-block;
	margin: 0 -4px 20px 0;
	vertical-align: top;
	padding:0 15px;
}
.page_section, .timing-details{margin-bottom: 20px;}
.cs-fleet figure figcaption{margin: -25% 0 0 0;}
.cs-fleet figure figcaption i{margin: -17% 0 0 0;}
.cs-section-title h3::after{width: 90%;}
.image-frame.frame-plane{margin-top: 20px;}
.slick-dots{display: none !important;}
.page-sidebar.col-lg-3, .page-sidebar.col-md-3, .section-sidebar.col-lg-3, .section-sidebar.col-md-3{width: 100%;}
.price-tables{margin-bottom: 20px;}

#footer .widget { margin: 0 0 20px; }
.top-services .col-md-3,
 .bg-timer .col-md-3 { width: 50%; }
.service-type,
 .bg-timer span.bg { margin-bottom: 30px; }
.qoute-form input.btn-booking, .rtl .qoute-form input.btn-booking { width: 92%; }
.related-post { padding-top: 30px; }
.our-fleet .fleet-slider li,
 .merchandizer .col-md-2 {
	width: 33.33%;
	margin-bottom: 25px;
}
.our-fleet .box-view:hover {
	position: absolute;
	width: 100%;
}
#footer .widget.widget_text,
#footer .widget.widget_gallery { width: 50%; }
.quick-quote .cs-email{top:-10px;}
.quick-quote .cs-content{overflow: inherit; width: 100%;}
.cs-detail{width: 100%; text-align: center; padding-bottom: 50px;}
.cs-detail .cs-left{margin-bottom: 10px; float: none; display: inline-block;}
.cs-detail .cs-right{float: none; display: inline-block;}
.user-content{width: 90%;}
.cs-blog > div:after{
	content: "";
	display: block;
	clear: both;
}
.classic-form ul .col-md-12{width: 100%;}
/*.page-content.col-md-9{width: 100%; display: block;}*/
.col-md-9{display: block; margin: 0;}
.rtl ul.share-with{width: 206px;}
.main-section .quick-quote .cs-email{top:-14px; }
.main-section .quick-quote .cs-content{overflow: inherit;}
.frame-classic [class*="col-md"] {
    clear: both;
    padding: 0;
}
.cs-fleet figure figcaption i{margin:-27.5% 0 0;}
.listing-service .cs-media figcaption:before{top:11px;}
.listing-service .cs-media:hover .icon-angle-right{margin-top:-25px;}
.quick-quote .cs-email a{right:30px;}
}

/* 767px to 480px */
@media screen and (max-width: 768px) {
/* col Grid */
.col-lg-1, .col-lg-2, .col-md-1, .col-md-2{width: 25%;}
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .page-sidebar.col-lg-3 .widget, .page-sidebar.col-md-3 .widget, .section-sidebar.col-lg-3 .widget, .section-sidebar.col-md-3 .widget{width: 100%;}
/* Responsive Menu */
 
.breadcrumb-sec .breadcrumbs { right: 0; }
#footer .copy {
	float: none;
	display: block;
	text-align: center;
	margin: 0 0 10px;
	padding: 0 60px;
	line-height: 18px !important;
}
#footer .social-networks {
	text-align: center;
	margin: 0 0 10px;
	float: none;
}
#footer .social-networks li {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
.client-list li{width: 33%; margin: 0 0 10px 0;}
.error-page{padding: 0 15px;}
.error-page .cs-title p{font-size: 80px;}
.construction{position: relative; padding: 50px 0 70px 0;}
.cs-detail{width: 100%; padding: 0 15px; text-align: center;}
.cs-detail .cs-left{margin-bottom: 10px;}
.cs-detail .cs-right{float: none; display: inline-block;}
.cs-left .text{margin-bottom: 8px;}
.user-content button.close{right: 0px; z-index: 999;}
.cs-fleet figure figcaption{margin: -14% 0 0 0;}
.cs-fleet figure figcaption i{margin: -27.6% 0 0;}
.col-md-9{display: block; margin: 0;}
#footer .widget.widget_twitter p{padding: 0 4px;}
.error-page .cs-title p {
    background-position: 100% 50% !important;
}
.qoute-form input.btn-booking, .rtl .qoute-form input.btn-booking{
	width:96%;	
}
}
@media screen and (max-width: 640px) {
.frame-classic .text {
    padding: 20px 0 0 20px;
}
.table-responsive {
    overflow-x: visible;
}
.qoute-form input.btn-booking, .rtl .qoute-form input.btn-booking{
	width:95.3%;
}
}
/* 480px to 320px */
@media screen and (max-width: 480px) {
	/* col Grid */
.col-lg-1, .col-lg-2, .col-md-1, .col-md-2{width: 50%;}
.top-services{margin-top: -60px;}
.col-md-3, .col-md-4{width: 100%;}
.widget_extra_width, .logo-area .logo img{width: 100% !important;}

.logo-area .logo img {
	height: auto;
}
.top-services .col-md-3,
 .bg-timer .col-md-3 { width: 100%; }
.related-post { padding-top: 30px; }
.our-fleet .fleet-slider li,
 .merchandizer .col-md-2 {
	width:100%;
	margin-bottom: 25px;
}
#footer .widget.widget_text,
#footer .widget.widget_gallery { width: 100%; }


.cs-services.box.right .heading{width: 100%; float: left;}
.qoute-form input.btn-booking, .rtl .qoute-form input.btn-booking{width: 94%;}
.latest-news .related-post figure, .frame-listing figure, .frame-listing figure img, .cs-blog.blog-medium .cs-media, .cs-blog.blog-medium .cs-media img, .authour-box{width: 100%;}
.cs-blog.blog-medium .cs-text, .frame-listing .text, .quick-quote .cs-content{overflow: inherit; float: left; width: 100%;}
.frame-listing .text{padding-top: 20px;}
.cs-clinets li{width: 50%;}
.cs-blog .blog-title h3{font-size: 15px!important;}
.cs-blog ul.slick-slider, #footer .widget_twitter.widget_extra_width{width: 100% !important;}
#cs-comments ul.comments li ul{width: 100%; margin-left: 0px;}
.main-detail .authour-box{padding-right: 0px; text-align: left;}
.main-detail ul.social-media{text-align: left;}
.main-detail .tags{margin: 0 0 20px 0;}
.main-section .client-list li{width: 50%; margin-bottom: 10px;}
.quick-quote .cs-media{width: 100%;}
.quick-quote .cs-email{top:-60px;}
.cs-table thead th, .cs-table table tbody td{font-size: 10px;}
.page_detail .text{width: 100%; margin: 0 0 6px 0;}
.error-page .cs-title p{background-position: 100% 50%;}
.error-page .cs-title p{font-size: 75px;}
.cs-holder figure iframe{width: 100% !important; height: 100% !important;}
.date .seconds, .date .minutes, .date .hours, .date .days, .date .months, .date .years{border-right: none;}
.image-frame.frame-plane{margin-top: 20px;}
.user-content{width: 92%;}
ul.share-with{top:0px; width: 170px; z-index: 999;}
.cs-fleet figure figcaption{margin: -20% 0 0 0;}
.cs-fleet figure figcaption i{margin: -22% 0 0 0;}
.btn-share:hover ul.share-with{width: 178px;}
.cs-blog.blog-large .cs-text{padding: 25px 15px;}
.cs-blog .authour-detail a{padding-left: 4px;}
.main-post .cs-media .view-post{right: 5px; bottom: 10px;}
.frame-classic .caption-box { bottom: 0px;padding: 10px 11px 10px 25px;}
.rtl .history-slide button{left: 3px;}
.rtl .frame-classic .caption-box p{font-size: 20px;}
.rtl .frame-classic .caption-box{padding: 11px 2px 8px 15px;}
.Contact-btn{display: inline-block; margin-bottom: 15px;}
.cs-services.simple figure{margin-bottom: 15px;}
.rtl .post-detail span i, .rtl .tags i{padding: 0 0 0 9px;}
.rtl #cs-comments .children{margin-right: 0px;}
.rtl .quick-quote .cs-email{top:-3px; position: relative;}
.quick-quote .cs-content{overflow: inherit;}
#footer .copy{margin-top: 20px;}
.page_detail .submit{
	width:100%;
	margin-left:0;
	width:100%;
	border-radius:0;	
}
.error-page .cs-title p{font-size:100px !important;}

}
@media screen and (max-width: 320px) { 
	.qoute-form input.btn-booking{width: 91%;}
	.rtl .qoute-form input.btn-booking{width: 91% !important;}
	.cs-fleet figure figcaption{margin: -30% 0 0 0;}
	.cs-fleet figure figcaption i {margin: -12% 0 0 0;}
	.rtl #header .quick-btn{float: none;}
	 .error-page .cs-title p{font-size: 60px !important;}
}
@media screen and (max-width: 360px) {
	 .cs-benefit .cs-box .benefit-text{overflow: inherit; float: left; width: 100%;}
	 .cs-benefit .cs-box .cs-media{float: none; margin: 0 0 10px 0;}
	 .faq-area .panel-heading a.collapsed span, .faq-area .panel-heading a span{padding-right: 20px;}
	 .rtl .faq-area .panel-heading a.collapsed span, .rtl .faq-area .panel-heading a span{padding-right: 0px; padding-left: 20px;}
	 .cs-services.simple .heading{overflow: inherit; float: left; width: 100%; padding: 10px 0 0 0;}
	 .error-page .cs-title p{font-size: 65px !important;}
	 .cs-left .text{width: 100%; margin-bottom: 8px;}
	 .qoute-form input.btn-booking{width: 91%;}
	 .rtl .qoute-form input.btn-booking{width: 92%;}
	 .history-slide button{top:-70px;}
	 .cs-fleet figure figcaption{margin: -27% 0 0 0;}
	 .cs-fleet figure figcaption i {margin: -15% 0 0 0;}
	 /*.cs-fleet figure figcaption i{margin: 0px;}*/
	 .rtl #header .contact-info li{margin-bottom: 10px;}
	 .cs-services.simple .heading, .rtl .cs-services.simple .heading{padding: 0px;}
	 .rtl #header .quick-btn{float: none;}
	 .price-tables .sign-btn{ min-width: 200px;}
	 .qoute-form input.btn-booking{width: 91.6%}
	 
.listing-service .cs-media:hover .icon-angle-right{margin-top:-14px;}
.quick-quote .cs-email a {
    right: 30px;
    top: -56px;
}

}