.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

@media (max-width: 1920px) {
	
}

@media (max-width: 1314px) {

}

@media (min-width: 992px) {	
.container{max-width:1170px;}
}


@media (max-width: 1178px) {
}
	}


@media (min-width: 488px) and (max-width: 736px) {

}



@media (min-width: 992px) and (max-width: 1199px) {

.header .navbar-inverse .navbar-nav > li > a {font-size: 13px; margin-left: 10px;}
.header .navbar-inverse .navbar-nav .dropdown a:hover { margin-left:15px;}
.listing ul{font-size:13px; line-height:20px;}
.sketor img{margin-top:22px;}
.header-text h2 span{padding:5px 15px; }
.header-text h2{font-size:32px; margin-bottom:0px; margin-top:0px;}
.header-text h3{ margin-bottom:0px; margin-top:0px;}
.header-text h3 span{ padding: 5px 0; line-height:22px;}
.welcome{padding:36px 0px;}
.footer-logo img{width:260px;}

.call a {
    font-size: 28px;
}
}

@media (max-width: 992px) {	
.cal-b { display:none;}
}


@media (min-width: 768px) {
.navbar-brand a{display:none;}
.navbar-header{ display:none;}
}



@media (min-width: 768px) and (max-width: 991px) {
	.navbar-wrapper{background:#1e2025; position:inherit; border-bottom: 1px solid #fff;}
	.header .navbar-inverse .navbar-nav > li > a{margin-left:15px; font-size:14px;}
	.header .navbar-inverse .navbar-nav .dropdown a:hover { margin-left:15px;}
	.top-row1 .col-sm-8 { margin-top: -47px; width: 100%;}
	.navbar-wrapper{margin-top:0px !important; }
	.carousel3{margin-top:-120px;}
	.welcome p span{display:inline;} 
	.welcome{padding:25px 10px;}
	.logo{margin-top:35px;}
	.nav-sec h3 a{color:#fff; z-index:9999999999999999999999999999999999999999999999999999999999999999999999; position:relative; text-decoration:none;}
	.cycle-desc{margin-top:0px;}
	.cycle-desc p{padding-right:0px; font-size:14px; line-height:21px; font-weight:300;}
	.cycle-desc h2{margin-top:0px;}
	.thummb{margin-top:5px;}
	.pro{padding-right:0px;}
	.pro p{padding:0px; font-size:13px; line-height:20px;}
	.listing ul{font-size:13px; line-height:20px;}
	.sketor img{width:100%; margin-top:60px;}
	.blog{margin-bottom:30px;}
	
	.footer-logo img{width:230px;}
	.social ul li a{width:40px; height:40px; font-size:15px; line-height:40px;}
	.footer-logo img{margin-top:30px;}
	.footer-top h2{font-size:22px;}
	.carousel-indicators{margin-left: 20%;    width: 220px;}
	
	.abt-detail{margin-right:0px;}
	.about-content .col-sm-12{padding-left:0px; padding-right:0px;}
	.about-content .container-fluid{padding-left:0px; padding-right:0px;}
	.abt-detail{padding:50px 100px;}
	.abt-detail p{line-height:28px;}
	.now a{font-size:24px; margin-bottom:10px;}
	.about2-content .container-fluid{padding:0px;}
	.header-text h3 span{display:none;}
	.header-text h2{font-size:32px;}
	
	.but{margin-top:30px;}
	.box{margin-top:-60px;}
	
	.rental-page h4 { font-size:15px; margin-bottom:15px; font-weight:800;}
	
	.testimonial blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { min-height:300px;}
}


@media (max-width: 767px) {
.logo{text-align:center;}
.logo img{display:inline-block;}
.navbar-wrapper{background:#1e2025; position:inherit;}
.top-row1 .row{margin-left:0px; margin-right:0px;}
.welcome p span{display:inline;} 
.welcome{padding:25px 10px;}
.welcome p{margin-bottom:30px;}
.welcome p span{display:inline;} 
.carousel-indicators{margin-left:0;}

.nav-sec h3{display:none;}
.navbar-brand a{color:#fff; text-decoration:none;}
nav-sec{margin-top:30px;}
.navbar-wrapper .navbar{margin-top:12px;}
.header .text-right{text-align:left;}

.cycle-desc{margin-top:0px;}
.cycle-desc p{padding-right:0px; font-size:14px; line-height:21px; font-weight:300;}
.cycle-desc h2{margin-top:0px;}
.thummb{margin-top:5px;}

.sketor img{width:175px; height:auto; float:left;}
.pro{padding-right:0px;}
.pro p{font-size:15px; line-height:24px; margin-bottom:20px; padding:15px 54px  15px 180px;}
.listing{margin-top:100px;}
.blog{margin-bottom:30px;}
.footer-logo {text-align:center; margin-top:15px;}
.social{text-align:center;}
.adjust1 .media-object {width:130px; height:auto;}
.about2-content .container-fluid{padding-left:0px; padding-right:0px;}
.testimoni{padding-right:15px;}

.abt-detail{margin-right:0px;}
	.about-content .col-sm-12{padding-left:0px; padding-right:0px;}
	.about-content .container-fluid{padding-left:0px; padding-right:0px;}
	.abt-detail{padding:50px 50px;}
	.abt-detail p{line-height:26px;}
	
	.no-bottom{border-bottom:1px solid #eaeaea;}
	.xs-bot{border-bottom:0px;}

	.header-text h2{font-size:18px;}
	.header-text h3 span{display:none;}
	.header-text{top:18%;}
	.box{margin-top:-60px;}
	.btn-theme{margin-bottom:5px;}
	.call a{line-height:8px;}
	.button,.button1{padding:12px 45px;}
	
	.testimonial blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom:40px;}
	.blog-part{ padding:10px 0 30px 0;}

}

@media (max-width: 670px) {
.listing{margin-top:70px;}
.rental-page h4 {font-size: 18px; font-weight: 700; margin-bottom: 20px;}

}
@media (max-width: 650px) {
	.cycle-blog .col-xs-6{width:100%;}
	.box{margin-top:0px;}
	}
@media (max-width: 550px) {
.rental-page .col-xs-6 { width:100%;}
	
.blog p{font-size:17px;}
.blog{padding:15px;}
.listing{margin-top:20px;}
.abt3-detail{padding:60px 0;}
.about2-content .carousel-indicators{width:120px;}
.btn-min-block{min-width:70px;}
.button,.button1{padding:12px 35px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left:0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev { margin-right:0;}
.carousel-indicators { margin-left: -30px;}
.blog-part .col-xs-4, .blog-part .col-xs-8{ width:100%;}
}
@media (max-width: 480px){
.sketor{display:none;}
.pro p{padding:0px;}
.listing{margin-top:0px;}
.listing .col-xs-7, .listing .col-xs-5{width:100%;}
.acc .col-xs-6{width:100% !important;}
.footer-logo  img{width:300px;}
.footer-top h2{font-size:22px;}
.social ul li a{width:40px; height:40px; font-size:19px; line-height:36px;}
.banner .carousel-indicators li{margin-right:0px;}
.abt-detail{padding:20px 30px;}
.carousel-inner1 img{min-height:200px;}
.header-text h2 span{font-size:15px;}
.btn-min-block{line-height:20px;}
.button,.button1{padding:12px 30px;}
.rental-page h2 { font-size:24px;}
}

@media (max-width: 415px){
	.footer-top .col-xs-7,.footer-top .col-xs-5{width:100%;}
	.adjust1 .col-xs-12{padding-left:0px; padding-right:0px;}
	.item .col-xs-12{padding-left:0px; padding-right:0px;}
	.abt-detail p{line-height:24px;}
	.about-caroseal .carousel-indicators li{width:16px; height:16px;}
	.nnjk .col-xs-6{width:100%;}
	}



@media (min-width: 318px) and (max-width: 480px){
	.carousel-indicators{width:152px;}
	.banner .carousel-indicators li{width:15px;}
	.welcome h1{font-size:26px; line-height:34px;}
	.welcome p{font-size:14px; margin-top:15px; text-align:justify; }
	.logo{padding:0 30px;}
	.thummb{margin:0 40px; position:relative;}
	.thummb .carousel-control.right{right:-25px;} .thummb .carousel-control.left{left:-35px;}
	.sketor{ width: 100%; display: inline-block;}
	.sketor img { width: 100%; }
.pro p{padding:0px;}
.listing{margin-top:0px;}
.listing .col-xs-7, .listing .col-xs-5{width:100%;}
.now a{font-size:24px; margin-bottom:10px;}
.box1 h3{font-size:22px;}
.box1{background:#e9e9e9; min-height:100px; text-align:center; padding:20px 20px 30px 20px; }
.box1 p{padding:0px;}
.links span a{padding:8px 26px; margin:0 6px;}
.recreate{font-size:18px; padding:20px 0; line-height:30px;}
.desc-repair h3{font-size:18px;  line-height:26px; margin-top:0px;}
.call a{font-size:20px;}
	}

@media (max-width: 376px) {
	.header-text h2 span{font-size:13px;}
	.desc-repair .col-xs-5, .desc-repair .col-xs-7{width:100%;}
	.call a{font-size:32px; position:relative; z-index:99999999999999999999999999999999999999999999999;}	
	.button,.button1{padding:12px 26px;}
	}

@media (max-width: 321px) {
	.satis .col-xs-6{width:100%;}
	.footer-logo img{width:260px;}
	.header-text h2 span{padding:10px;}
	.links span a{padding:8px 14px;}

}