/*responsive Media Query*/

@media only screen and (min-width:1400px) and (max-width:2000px){
/*statestic*/
#statestic .col-md-6.statestic-text{padding:70px 150px;}
}
@media only screen and (min-width:1200px) and (max-width:1399px){
/*subscribe*/	
.subscribe-form .form-control{width:91%}
/*home banner*/
.home-ban .ban-text h1{font-size:67px;line-height:65px;margin-bottom:18px;}
.home-ban .ban-text{left:-60px}
/*menu*/
.nav-collapse a{padding:0 29px}


/* INNER PAGE  */

/* service page */
#service-icon .icon-box { min-height: 430px; }

}



/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px){
h2{font-size:40px;line-height:42px}
/*header*/
#top-header .container{max-width:100%}
#top-header p{font-size:13px;}
.top-contact .contact-txt span{font-size:15px;}
.nav-collapse a{padding:0 18px}


/*home-banner*/
.home-ban .ban-text h1{font-size:53px;line-height:57px;}
.home-ban .ban-text p{font-size:16px;}
.home-ban .ban-text h4{font-size:24px;margin-bottom:10px}
.slide .carousel-caption{left: 10%;}


/*home about*/
#home-about h3{font-size:19px;}
.call-text .num{font-size:25px;}


/*service-provider*/
#service-provider .service-text h3{font-size:17px;}


/*statestic*/
#statestic .col-md-6.statestic-text{padding:20px;}
#statestic ul li img.icon{width:40px}
#statestic ul li .text p{font-size:14px;}
.counter-count{font-size:30px;}
#statestic ul li .num{font-size:30px;}
#statestic ul{margin:20px auto}


/*features*/
.features-text{padding:30px}
#features h2{font-size:24px;line-height:27px;margin-bottom:9px}


/*subscribe*/
.subscribe-header .subscribe-icon{width:47px;}
.subscribe-form .form-control{width:89%;}
.subscribe-header .subscribe-title p{font-size: 13px;}


/*footer*/
.footer-contact .f-icon{width:23px}
#footer-img .fimg ul li img{height: 260px;}
.follow-img{top: 19%;}


/* INNER PAGE */

/*about page*/

.inner-page-main-banner h1 {  font-size:65px; padding:0;  }
.inner-page-main-banner { padding: 100px 0; }


/** services page **/

/** inner-benifit **/
#inner-benifit .content {padding:0; width: 100%;}
#service-icon .icon-box { min-height: 460px; }



}




/** 7.0 - 768 - iPad **/
@media only screen and (min-width:768px) and (max-width:991px){
h2{font-size:29px;line-height:32px; font-weight: 700; }
.btn{padding:12px 22px;font-size:13px;}


/*header*/
.social ul{float:none;margin:0}
#top-header p{text-align:center;}
.top-contact{float:left;}
.top-contact .contact-txt span{font-size:14px;}
.get-quote{margin-top:-62px;}
.top-contact ul{margin:0 0 20px 0;}


/*#top-header{display:none;}*/
#top-header .row{display: none}
.top-contact{display:none}
#menu-toggle{display:block;float:right;padding:28px 12px;}
.navbar-brand{line-height:48px;padding:14px 0;}
.navbar-header{width:100%;}
.caret{position:absolute;right:20px;top:20px;}


/*sticky header top padding*/
.sticky { top: 22px; }


/*home-banner*/
.home-ban .ban-text{width:90%;top:45%}
.home-ban .ban-text h1{font-size:40px;line-height:37px;margin:8px 0}
.carousel-control-next img, .carousel-control-prev img{width:30px;height:30px}
.slide .carousel-control-next, .slide .carousel-control-prev{width:30px}
.home-ban .ban-text p{font-size:17px;margin: 10px 0;}
.home-ban .ban-text h4{font-size:30px;margin-bottom:0}
.ban-buttons{margin-top:7px;display:inline-block;}
.ban-buttons .btn{margin-right:6px;}
.home-ban .btn{font-size:14px;padding:5px 15px;}


/*home-about*/
#home-about h2{margin-bottom:24px}
#home-about h3{font-size:23px;}
.sub-text{margin-top:0;padding: 0 16px;}
.call-text .num{font-size:22px;}
#home-about .box{padding:20px 15px}
.sub-title{margin-bottom:10px}




/*#service-provider .bx-wrapper{margin-left:-2%}*/

/*statestic*/
#statestic .col-md-6.statestic-text{padding:20px;}
#statestic ul li img.icon{width:40px}
#statestic ul li .text p{font-size:12px;}
.counter-count{font-size:20px;}
#statestic ul li .num{font-size:20px;}
#statestic ul{margin:20px auto}


/*features*/
.features-text{padding:30px}
#features h2{font-size:24px;line-height:27px;margin-bottom:9px}


/*completed-projects*/
#completed-projects #header-title .col-md-5{-ms-flex:0 0 31.666667%;flex:0 0 31.666667%;max-width:31.666667%;}
#completed-projects #header-title .col-md-4{-ms-flex:0 0 43.333333%;flex:0 0 43.333333%;max-width:43.333333%;}
#completed-projects h2{font-size:23px;line-height:32px;}
#completed-projects .service-text h3{font-size:16px;}


/*testimonial*/
#testimonial .sub-title{text-align: center}
#testimonial .bx-wrapper{margin-left:-2%}
#testimonial #header-title{text-align: center}
#testimonial #header-title .col-md-5{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
#testimonial #header-title .col-md-4{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
#testimonial #header-title .col-md-2{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.test-txt {padding: 0 17px;}
#testimonial .btn{float: none;margin: 20px auto 0}


/*key point*/
#keypoint .col-md-6{padding:0 15px !important}
#keypoint .tab-content{text-align:center}
#keypoint .tab-content h3{font-size:17px;line-height:27px;}
#keypoint .tab-content p{font-size:14px;line-height:26px;}
#keypoint .tab-content{padding:10px 30px 30px 10px;}
#keypoint .tab-icon{height:30px;float:none}
#keypoint .tab-icon .icon{width:25px;}
#keypoint .tab-icon .icon-h{width:25px;}
#keypoint .tab-icon{margin:0 auto;display:table;}
#keypoint .tab-header span{font-size:13px;line-height:16px;}
#keypoint .tab-content .row .col-lg-6:first-child{order:2;padding-top:30px}
#keypoint .tab-content .row .col-lg-6:last-child{order:1;padding-top:30px}
#keypoint .key-img{margin:0 auto;display:table;float:none;width:55%;}
#keypoint .nav-tabs .nav-link{height:100%}
#content #keypoint.row-am{}


/*Quick contact*/
#quick-contact h2{margin-bottom:20px;font-size:26px; line-height: 20px;}
#quick-contact h3{font-size:20px;}
#quick-contact .contact-form{background:#fc5a10;padding:20px;}
#quick-contact .contact-form .form-title{font-size:22px;color:#fff;margin-bottom:23px;}
#quick-contact{height:427px}
#quick-contact .contact-form .form-control{height:40px}
#quick-contact .contact-form textarea.form-control{height:113px}


/*team*/
#team .team-info h3{font-size:15px;}
#team .col-md-6{padding:0 15px !important}
.team-img img{width:100%}
#team figure:hover figcaption h3{font-size:14px}


/*blog*/
.blog-txt h2{font-size:17px;line-height:23px;}
.blog-txt{padding:21px 15px 50px 15px;}


/*subscribe*/
.subscribe-header .subscribe-icon{width:46px;}
.subscribe-header .subscribe-title h3{font-size:28px;}
.subscribe-header .subscribe-title p{line-height:21px;font-size:13px;font-size:13px;}
.subscribe-form{padding:10px}
.subscribe-form .form-control{width:86%;height:42px}
.subscribe-btn {width: 14%;}


/*footer*/
#footer-img .fimg ul li img{height:100px}
.follow-img{width:80px}
footer .container{max-width:97%}
footer .footer1 .col-md-3:first-child{width:100%;flex:0 0 100%;max-width:100%;text-align:center;padding:30px}
footer .footer1 .col-md-3{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
footer .footer1 p{font-size:14px;margin:0}
footer .footer1 h4{margin:0 0 16px;font-size:18px}
.footer-contact .f-icon{width:23px}
footer .footer1 .col-md-3{margin-bottom:20px;}
footer .footer1 .col-md-3.footer-contact{margin-bottom:0}
footer .footer2 .left, footer .footer2 .right{float:none;width:100%;text-align:center;}
footer .footer2 .left{font-size:12px;}
footer .footer2 .right ul{text-align:center;}
footer .footer2 .right ul li{display:inline-block;float:none;}
footer .footer2{padding:9px 0 15px 0}
footer .footer1 .col-md-3{margin-bottom:20px;width:50%;float:left;}


/*  INNER PAGES */

/*about page*/

.inner-page-main-banner h1 {  font-size:55px; padding:0;  }
.inner-page-main-banner { padding: 100px 0; }


/** services page **/

#service-icon .icon-box { min-height: 430px; }
/** inner-benifit **/
#inner-benifit .content {padding:0; width: 100%;}
#service-details .some-feature-box  ul li {  margin-bottom:30px;  }
#service-details h3 {font-size: 35px;}


/** contact page  **/

#inner-page .c-box { margin-bottom: 30px; }
#contact-form-map .contact-form { margin-bottom: 40px; padding: 25px;  }



}




/** 8.0 - 640 - Mobile **/
@media only screen and (min-width:640px) and (max-width:767px){

/*header*/
.social ul{float:none;margin:0}
#top-header p{text-align:center;}
.top-contact{float:left;}
.top-contact .contact-txt span{font-size:14px;}
.get-quote{margin-top:-62px;}
.top-contact ul{margin:0 0 20px 0;}


/*#top-header{display:none;}*/
#top-header .row{display: none}
.top-contact{display:none}
#menu-toggle{display:block;float:right;padding:28px 12px;}
.navbar-brand{line-height:48px;padding:14px 0;}
.navbar-header{width:100%;}
.caret{position:absolute;right:20px;top:20px;}

/*sticky header top padding*/
.sticky { top: 22px; }


/*home-banner*/
.home-ban .ban-text{width:90%;}
.home-ban .ban-text h1{font-size:25px;line-height:27px;margin:8px 0}
.carousel-control-next img, .carousel-control-prev img{width:30px;height:30px}
.slide .carousel-control-next, .slide .carousel-control-prev{width:30px}
.home-ban .ban-text p{display:none;font-size:13px}
.home-ban .ban-text h4{font-size:17px;margin-bottom:0}
.ban-buttons{margin-top:7px;display:inline-block;}
.ban-buttons .btn{margin-right:6px;margin-top: 0}
.home-ban .btn{font-size:12px;padding:5px 9px;}
#content .row-am{padding:60px 0;}
 h2{font-size:29px;line-height:29px;}
.sub-title{margin: 0 auto 20px}
.btn{font-size:12px;padding:8px 29px;}

/*home about*/
#home-about{text-align:center}
#home-about h3{font-size:17px;line-height:25px;}
 #home-about h2{margin-bottom:14px;}
#home-about p{font-size:15px;line-height:24px;}
.sub-text{margin-top:0}
.call-info{margin:0 auto;display:table;float:none;}
.call-text{float:left;/*width:76%;*/text-align:left}
.call-text span{font-size:13px;}
.call-text .num{font-size:22px;}
#usp{margin:40px 0 0 0;}
#home-about .box{text-align:center}
.abt-main {padding-right: 15px;}
#home-about .abt-text { padding: 0 15px;}


/*our services*/
#service-provider{text-align:center}
#service-provider .service-text h3{font-size:17px;text-align:left;}
figure.effect-sadie:hover .service-text{transform:translate3d(0,-95%,0) translate3d(0,-95px,0);}
#service-provider .bx-wrapper{padding:0 45px;width:440px;}
figure.effect-sadie .service-txt1{text-align: left}


/*project contact*/
#content #project-contact.row-am{padding:40px 0;text-align:center;}
#project-contact .text{width:100%}
#project-contact .btn{float:none;margin:20px auto 0;}
#statestic{text-align:center}
#statestic .col-md-6.statestic-text {}
#statestic ul li img.icon{width:55px;height:55px;margin:10px auto;display:table;float:none;}
.counter-count{font-size:27px;}
#statestic ul { margin:10px auto;  }
#statestic ul li .num{font-size:27px;}
#statestic ul li .text p{font-size:13px;margin-bottom:0;}
#statestic ul li{text-align:center}
#statestic ul li .text{float:none;margin:0 auto;display:table;}
.stastic-info{float:none;margin:0 auto;display:table;}


/*features*/
#features{/*text-align:center*/}
.features-text{padding:60px 30px;}
#features .sub-title { text-align: left; margin: 20px 0; }
#features h3{font-size:23px}
#features li{text-align:left}
#features li::before{margin-right:8px}
#features .btn{margin:0;float: none;display: table}


/*completed projects*/
#completed-projects .readmore{margin:0 auto;display:table}
#completed-projects .grid figure{overflow:hidden;margin:0 auto;display:table;}
#completed-projects .grid{width:auto;display:table}
#completed-projects{text-align:center}
.filters ul{flex-wrap:wrap;margin:30px 0 0;justify-content:center;}
.filters ul li{margin-bottom:7px;margin-right:4px;}
#completed-projects .grid .col-md-4{padding:0}
#completed-projects #header-title .btn{margin: 0 auto;float: none;display: table}
#completed-projects .grid {width: 92% !important;}


/*testimonial*/
#testimonial .bx-wrapper{padding:0 45px;width:440px;}
#testimonial{text-align:center}
.testimonial-box{border-right:0;padding:0}


/*key point*/
#keypoint{text-align:center}
#keypoint .col-md-6{padding:0 15px !important}
#keypoint .tab-content h3{font-size:17px;line-height:27px;}
#keypoint .tab-content p{font-size:14px;line-height:26px;}
#keypoint .tab-content{padding:10px 30px 30px 10px;}
#keypoint .tab-icon{height:30px;float:none}
#keypoint .tab-icon .icon{width:25px;}
#keypoint .tab-icon .icon-h{width:25px;}
#keypoint .tab-icon{margin:0 auto;display:table;}
#keypoint .tab-header span{font-size:13px;line-height:16px;}
#keypoint .tab-content .row .col-lg-6:first-child{order:2;padding-top:30px}
#keypoint .tab-content .row .col-lg-6:last-child{order:1;padding-top:30px}
#keypoint .key-img{margin:0 auto;display:table;float:none;width:90%;}
#keypoint .nav-tabs .nav-link{height:100%}


/*Quick contact*/
#quick-contact{text-align:center}
#quick-contact h2{margin-bottom:20px; width: 100%;}
#quick-contact h3{font-size:20px;}
#quick-contact .contact-form{background:#fc5a10;padding:20px;margin-top:0;}
#quick-contact .contact-form .form-title{font-size:29px;color:#fff;margin-bottom:23px;}
#quick-contact{height:auto}


/*team*/
#team{text-align:center}
#team .col-md-6{padding:0 15px !important}
.team-img img{width:100%}


/*blog*/
#post{text-align:center}
.blog-txt h2{font-size:17px;line-height:23px;}
.blog-txt{padding:21px 15px 50px 15px;}
.blog-txt .blog-btm{left:0;right:0;}
#post .btn{margin: 0 auto;float: none;}


/*client*/
#client-logo ul li{width:31.33%;}


/*subscribe*/
.subscribe-header .subscribe-icon{width:46px;float:none;margin:0 auto 10px;}
.subscribe-header .subscribe-title{width:100%;text-align:center;}
.subscribe-header .subscribe-title h3{font-size:28px;}
.subscribe-header .subscribe-title p{line-height:21px;margin-bottom:13px;font-size:13px;font-size:13px;}
.subscribe-form{padding:10px}
.subscribe-form .form-control{width:90%;height:43px}


/*footer*/
#footer-img .fimg ul li img{height:100px}
.follow-img{width:80px}
footer{text-align:center}
footer .footer1 p{font-size:14px;margin:0}
footer .footer1 h4{margin:0 0 16px}
.footer-contact .f-icon{float:none;width:50px;margin:10px auto 15px;display:table}
.footer-contact span{width:100%}
footer .footer1 .col-md-3{margin-bottom:20px;}
footer .footer1 .col-md-3.footer-contact{margin-bottom:0}
footer .footer2 .left, footer .footer2 .right{float:none;width:100%;text-align:center;}
footer .footer2 .left{font-size:12px;}
footer .footer2 .right ul{text-align:center;}
footer .footer2 .right ul li{display:inline-block;float:none;}
footer .footer2{padding:9px 0 15px 0}
.mobile{display:block;}
.desktop{display:none;}


/*  INNER PAGES */

#inner-page h3 { font-size: 35px; }


/*about page*/

.inner-page-main-banner { padding: 100px 0; }
.inner-page-main-banner h1 {  font-size:45px; text-align: center; }
.inner-page-main-banner h2 {  text-align: center; font-size: 13px; }
.inner-page-main-banner p {float:left;	width:100%;	text-align:center;	font-size:15px;	font-weight:400;	color:#FFFFFF;	line-height:1.7;	padding:0 15px;	margin:0;}


#inner-about{text-align:center}
#inner-about h3{font-size:17px;line-height:25px;}
#inner-about h2{margin-bottom:14px;}
#inner-about p{font-size:15px;line-height:24px;}
#inner-about .sub-text{margin-top:0}
#inner-about #usp{margin:40px 0 0 0;}
#inner-about .box{text-align:center; padding: 30px;}
#inner-about .abt-main {padding-right: 15px;}
#inner-about .abt-text { padding: 0 15px;}


/** services page **/

/** inner-benifit **/
#inner-benifit .content {padding:0; width: 100%;}

#service-details h3 {font-size: 30px;}


/** contact page  **/

#inner-page .c-box { margin-bottom: 30px; }
#contact-form-map .contact-form { margin-bottom: 40px; padding: 25px; }

}



/** 9.0 - 480 - Mobile **/
@media only screen and (min-width:480px) and (max-width:639px){

/*header*/
.social ul{float:none;margin:0}
#top-header p{text-align:center;}
.top-contact{float:left;}
.top-contact .contact-txt span{font-size:14px;}
.get-quote{margin-top:-62px;}
.top-contact ul{margin:0 0 20px 0;}


/*#top-header{display:none;}*/
#top-header .row{display: none}
.top-contact{display:none}
#menu-toggle{display:block;float:right;padding:28px 12px;}
.navbar-brand{line-height:48px;padding:14px 0;}
.navbar-header{width:100%;}
.caret{position:absolute;right:20px;top:20px;}

/*sticky header top padding*/
.sticky { top: 22px; }


/*home banner*/
.ban-img{height: 216px; object-fit: cover;}
.home-ban .ban-text{width:90%;}
.home-ban .ban-text h1{font-size:25px;line-height:27px;margin:8px 0}
.carousel-control-next img, .carousel-control-prev img{width:30px;height:30px}
.slide .carousel-control-next, .slide .carousel-control-prev{width:30px}
.home-ban .ban-text p{display:none;font-size:13px}
.home-ban .ban-text h4{font-size:17px;margin-bottom:0}
.ban-buttons{margin-top:7px;display:inline-block;}
.ban-buttons .btn{margin-right:6px;}
.home-ban .btn{font-size:12px;padding:5px 9px;margin-top: 0}
#content .row-am{padding:40px 0;}
 h2{font-size:26px;line-height:29px;}
.sub-title{margin: 0 auto 20px;}
.btn{font-size:12px;padding:8px 29px;}


/*home about*/
#home-about{text-align:center}
#home-about h3{font-size:17px;line-height:25px;}
 #home-about h2{margin-bottom:14px;}
#home-about p{font-size:15px;line-height:24px;}
.abt-main {padding-right: 15px;}
#home-about .abt-text { padding: 0 15px;}
.sub-text{margin-top:0}
.call-info{margin:0 auto;display:table;float:none;}
.call-text{float:left;/*width:76%;*/text-align:left}
.call-text span{font-size:13px;}
.call-text .num{font-size:22px;}
#usp{margin:40px 0 0 0;}
#home-about .box{text-align:center}


/*our services*/
#service-provider{text-align:center}
#service-provider .service-text h3{font-size:17px;text-align:left;}
figure.effect-sadie:hover .service-text{transform:translate3d(0,-95%,0) translate3d(0,-95px,0);}
#service-provider .bx-wrapper{padding:0 45px;}
figure.effect-sadie .service-txt1{text-align: left}


/*project contact*/
#content #project-contact.row-am{padding:40px 0;text-align:center;}
#project-contact .text{width:100%}
#project-contact .btn{float:none;margin:20px auto 0;}
#statestic{text-align:center}
#statestic .col-md-6.statestic-text{padding:40px 15px;}
#statestic ul { margin:10px auto;  }
#statestic ul li img.icon{width:55px;height:55px;margin:10px auto;display:table;float:none;}
.counter-count{font-size:27px;}
#statestic ul li .num{font-size:27px;}
#statestic ul li .text p{font-size:13px;margin-bottom:0;}
#statestic ul li{text-align:center}
#statestic ul li .text{float:none;margin:0 auto;display:table;}
.stastic-info{margin: 0 auto}


/*features*/
#features{/*text-align:center*/}
.features-text{padding:60px 30px;}
#features h3{font-size:23px}
#features li{text-align:left}
#features li::before{margin-right:8px}
#features .btn{margin:0;}
#features .sub-title { margin: 20px 0; }


/*completed projects*/
#completed-projects .readmore{margin:0 auto;display:table}
#completed-projects .grid figure{overflow:hidden;margin:0 auto;display:table;}
#completed-projects .grid{width:auto;display:table}
#completed-projects{text-align:center}
.filters ul{flex-wrap:wrap;margin:30px 0 0;justify-content:center;}
.filters ul li{margin-bottom:7px;margin-right:4px;}
#completed-projects .grid .col-md-4{padding:0}
#completed-projects #header-title .btn{margin: 0 auto;float: none}
#completed-projects .grid {width: 100% !important;}


/*testimonial*/
#testimonial .bx-wrapper{padding:0 45px;}
#testimonial{text-align:center}
.testimonial-box{border-right:0;padding:0}
#testimonial .btn{float: none}


/*key point*/
#keypoint{text-align:center}
#keypoint .col-md-6{padding:0 15px !important}
#keypoint .tab-content h3{font-size:17px;line-height:27px;}
#keypoint .tab-content p{font-size:14px;line-height:26px;}
#keypoint .tab-content{padding:10px 30px 30px 10px;}
#keypoint .tab-icon{height:30px;float:none}
#keypoint .tab-icon .icon{width:25px;}
#keypoint .tab-icon .icon-h{width:25px;}
#keypoint .tab-icon{margin:0 auto;display:table;}
#keypoint .tab-header span{font-size:13px;line-height:16px;}
#keypoint .tab-content .row .col-lg-6:first-child{order:2;padding-top:30px}
#keypoint .tab-content .row .col-lg-6:last-child{order:1;padding-top:30px}
#keypoint .key-img{margin:0 auto;display:table;float:none;width:90%;}
#keypoint .nav-tabs .nav-link{height:100%}


/*Quick contact*/
#quick-contact{text-align:center}
#quick-contact h2{margin-bottom:20px;font-size:26px; width: 100%;}
#quick-contact h3{font-size:20px;}
#quick-contact .contact-form{background:#fc5a10;padding:20px;margin-top:0;}
#quick-contact .contact-form .form-title{font-size:26px;color:#fff;margin-bottom:23px;}
#quick-contact{height:auto}


/*team*/
#team{text-align:center}
#team .col-md-6{padding:0 15px !important}
.team-img img{width:100%}


/*blog*/
#post{text-align:center}
.blog-txt h2{font-size:17px;line-height:23px;}
.blog-txt{padding:21px 15px 50px 15px;}
.blog-txt .blog-btm{left:0;right:0;}
#post .btn{margin: 0 auto;float: none}


/*client*/
#client-logo ul li{width:31.33%;}


/*subscribe*/
.subscribe-header .subscribe-icon{width:46px;float:none;margin:0 auto 10px;}
.subscribe-header .subscribe-title{width:100%;text-align:center;}
.subscribe-header .subscribe-title h3{font-size:28px;}
.subscribe-header .subscribe-title p{line-height:21px;margin-bottom:13px;font-size:13px;font-size:13px;}
.subscribe-form{padding:10px}
.subscribe-form .form-control{width:90%;height:42px}
.subscribe-btn{width:10%}
#footer-img .fimg ul li img{height:100px}
.follow-img{width:80px}


/*footer*/
footer{text-align:center}
footer .footer1 p{font-size:14px;margin:0}
footer .footer1 h4{margin:0 0 16px}
.footer-contact .f-icon{float:none;width:50px;margin:10px auto 15px;display:table}
.footer-contact span{width:100%}
footer .footer1 .col-md-3{margin-bottom:20px;}
footer .footer1 .col-md-3.footer-contact{margin-bottom:0}
footer .footer2 .left, footer .footer2 .right{float:none;width:100%;text-align:center;}
footer .footer2 .left{font-size:12px;}
footer .footer2 .right ul{text-align:center;}
footer .footer2 .right ul li{display:inline-block;float:none;}
footer .footer2{padding:9px 0 15px 0}
.mobile{display:block;}
.desktop{display:none;}


/*  INNER PAGES */

#inner-page h3 { font-size: 25px; }

/*about page*/

.inner-page-main-banner { padding: 100px 0; }
.inner-page-main-banner h1 {  font-size:35px; text-align: center;  }
.inner-page-main-banner h2 {  text-align: center; font-size: 13px; }
.inner-page-main-banner p  {  text-align: center; padding-left: 15px; padding:0 15px; }
#inner-about{text-align:center}
#inner-about h3{font-size:17px;line-height:25px;}
#inner-about h2{margin-bottom:14px;}
#inner-about p{font-size:15px;line-height:24px;}
#inner-about .abt-main {padding-right: 15px;}
#inner-about .abt-text { padding: 0 15px;}
#inner-about .sub-text{margin-top:0}
#inner-about #usp{margin:40px 0 0 0;}
#inner-about .box{text-align:center; padding: 30px; } 

/** services page **/

/** inner-benifit **/
#inner-benifit .content {padding:0; width: 100%;}

#service-details h3 {font-size: 25px;}


/** contact page  **/

#inner-page .c-box { margin-bottom: 30px; }
#contact-form-map .contact-form { margin-bottom: 40px; padding: 25px; }


}



/** 10.0 - 320 - Mobile **/
@media only screen and (min-width:320px) and (max-width:479px){

/*header*/
.social ul{float:none;margin:0}
#top-header p{text-align:center;}
.top-contact{float:left;}
.top-contact .contact-txt span{font-size:14px;}
.get-quote{margin-top:-62px;}
.top-contact ul{margin:0 0 20px 0;}


/*#top-header{display:none;}*/
.top-contact{display:none}
#top-header .row{display: none}
#menu-toggle{display:block;float:right;padding:28px 12px;}
.navbar-brand{line-height:48px;padding:14px 0;}
.navbar-header{width:100%;}
.caret{position:absolute;right:20px;top:20px;}

/*sticky header top padding*/
.sticky { top: 22px; }


/*home banner*/
.ban-img{height: 216px; object-fit: cover;}
.home-ban .ban-text{width:90%;top:50%}
.home-ban .ban-text h1{font-size:21px;line-height:26px;}
.carousel-control-next img, .carousel-control-prev img{width:30px;height:30px}
.slide .carousel-control-next, .slide .carousel-control-prev{width:30px}
.home-ban .ban-text p{display:none;font-size:13px}
.home-ban .ban-text h4{font-size:17px;margin-bottom:0}
.ban-buttons{margin-top:7px;display:inline-block;}
.ban-buttons .btn{margin-right:6px;}
.home-ban .btn{font-size:12px;padding:5px 9px;margin-top: 0}
#content .row-am{padding:40px 0;}
 h2{font-size:26px;line-height:29px;}
.sub-title{margin: 0 auto 20px;}
.btn{font-size:12px;padding:8px 29px;}


/*home about*/
#home-about{text-align:center}
#home-about h3{font-size:17px;line-height:25px;}
 #home-about h2{margin-bottom:14px;}
#home-about p{font-size:15px;line-height:24px;}
.abt-main {padding-right: 15px;}
#home-about .abt-text { padding: 0 15px;}
.sub-text{margin-top:0}
.call-info{margin:0 auto;display:table;float:none;}
.call-text{float:left;/*width:76%;*/
text-align:left}
.call-text span{font-size:13px;}
.call-text .num{font-size:22px;}
#usp{margin:40px 0 0 0;}
#home-about .box{text-align:center}


/*our services*/
#service-provider{text-align:center}
#service-provider .service-text h3{font-size:17px;}
figure.effect-sadie:hover .service-text{transform:translate3d(0,-95%,0) translate3d(0,-95px,0);}
figure.effect-sadie .service-txt1{text-align: left}


/*project contact*/
#content #project-contact.row-am{padding:40px 0;text-align:center;}
#project-contact .text{width:100%}
#project-contact .btn{float:none;margin:20px auto 0;}
#statestic{text-align:center}
#statestic .col-md-6.statestic-text{padding:40px 15px;}
#statestic ul { margin:10px auto;  }
#statestic ul li img.icon{width:55px;height:55px;margin:10px auto;display:table;float:none;}
.counter-count{font-size:27px;}
#statestic ul li .num{font-size:27px;}
#statestic ul li .text p{font-size:13px;margin-bottom:0;}
#statestic ul li{text-align:center}
#statestic ul li .text{float:none;margin:0 auto;display:table;}


/*features*/
#features{/*text-align:center*/}
.features-text{padding:60px 30px;}
#features .sub-title { margin: 20px 0; }
#features .btn{margin: 0;}
#features h3{font-size:23px}
#features li{text-align:left}
#features li::before{margin-right:8px}
#completed-projects .readmore{margin:0 auto;display:table}


/*completed projects*/
#completed-projects{text-align:center}
.filters ul{flex-wrap:wrap;margin:30px 0 0;justify-content:center;}
.filters ul li{margin-bottom:7px;margin-right:4px;}
#completed-projects .grid .col-md-4{padding:0;min-height:360px}
#completed-projects #header-title .btn {float: none;}


/*testimonial*/
#testimonial{text-align:center}
.testimonial-box{border-right:0;padding:0}
#testimonial .btn{float: none}


/*key point*/
#keypoint{text-align:center}
#keypoint .col-md-6{padding:0 15px !important}
#keypoint .tab-content h3{font-size:17px;line-height:27px;}
#keypoint .tab-content p{font-size:14px;line-height:26px;}
#keypoint .tab-content{padding:10px 30px 30px 10px;}
#keypoint .tab-icon{height:30px;float:none}
#keypoint .tab-icon .icon{width:25px;}
#keypoint .tab-icon .icon-h{width:25px;}
#keypoint .tab-icon{margin:0 auto;display:table;}
#keypoint .tab-header span{font-size:13px;line-height:16px;}
#keypoint .tab-content .row .col-lg-6:first-child{order:2;padding-top:30px}
#keypoint .tab-content .row .col-lg-6:last-child{order:1;padding-top:30px}
#keypoint .key-img{margin:0 auto;display:table;float:none;width:90%;}
#keypoint .nav-tabs .nav-link{height:100%}


/*Quick contact*/
#quick-contact{text-align:center}
#quick-contact h2{margin-bottom:20px;font-size:26px; width: 100%;}
#quick-contact h3{font-size:20px;}
#quick-contact .contact-form{background:#fc5a10;padding:20px;margin-top:0;}
#quick-contact .contact-form .form-title{font-size:26px;color:#fff;margin-bottom:23px;}
#quick-contact{height:auto}


/*team*/
#team{text-align:center}
#team .col-md-6{padding:0 15px !important}
.team-img img{width:100%}


/*blog*/
#post{text-align:center}
.blog-txt h2{font-size:17px;line-height:23px;}
.blog-txt{padding:21px 15px 50px 15px;}
.blog-txt .blog-btm{left:0;right:0;}
#post .btn{float: none}


/*client*/
#client-logo ul li{width:31.33%;}


/*subscribe*/
.subscribe-header .subscribe-icon{width:46px;float:none;margin:0 auto 10px;}
.subscribe-header .subscribe-title{width:100%;text-align:center;}
.subscribe-header .subscribe-title h3{font-size:28px;}
.subscribe-header .subscribe-title p{line-height:21px;margin-bottom:13px;font-size:13px;font-size:13px;}
.subscribe-form{padding:10px}
.subscribe-form .form-control{width:87%;height:42px}
.subscribe-btn{width:13%;height:42px}
.subscribe-btn img{width:100%}


/*footer*/
#footer-img .fimg ul li img{height:100px}
.follow-img{width:80px;top: 9%;}
footer{text-align:center}
footer .footer1 p{font-size:14px;margin:0}
footer .footer1 h4{margin:0 0 16px}
.footer-contact .f-icon{float:none;width:50px;margin:10px auto 15px;display:table}
.footer-contact span{width:100%}
footer .footer1 {padding: 50px 0 50px 0;}
footer .footer1 .col-md-3{margin-bottom:20px;}
footer .footer1 .col-md-3.footer-contact{margin-bottom:0}
footer .footer2 .left, footer .footer2 .right{float:none;width:100%;text-align:center;}
footer .footer2 .left{font-size:12px;}
footer .footer2 .right ul{text-align:center;}
footer .footer2 .right ul li{display:inline-block;float:none;}
footer .footer2{padding:9px 0 15px 0}
.mobile{display:block;}
.desktop{display:none;}


/* INNER PAGE */

#inner-page h3 { font-size: 25px; }

/*about page*/

.inner-page-main-banner { padding: 100px 0; }
.inner-page-main-banner h1 {  font-size:30px; text-align: center;  }
.inner-page-main-banner h2 {  text-align: center; font-size: 13px; }
.inner-page-main-banner p  {  text-align: center;  padding: 0 15px;}
#inner-about{text-align:center}
#inner-about h3{font-size:17px;line-height:25px;}
#inner-about h2{margin-bottom:14px;}
#inner-about p{font-size:15px;line-height:24px;}
#inner-about .abt-main {padding-right: 15px;}
#inner-about .abt-text { padding: 0 15px;}
#inner-about .sub-text{margin-top:0}
#inner-about #usp{margin:40px 0 0 0;}
#inner-about .box{text-align:center; padding:30px;}


/** services page **/

/** inner-benifit **/
#inner-benifit .content {padding:0; width: 100%;}


/** contact page  **/

#inner-page .c-box { margin-bottom: 30px; }
#contact-form-map .contact-form { margin-bottom: 40px; padding: 25px;  }

}