/* ------------------------------------------------------------------------------
 Project Name :ASAP Construction  
 Description : Main Style Sheet 
 Author :Abul Azad.s
 Created On :25/10/2021
 --------------------------------------------------------------------------------*/
/*Media responsive screen 1981*/
@media screen and (min-width:1981px) {
#page {width:1980px;margin:0 auto;}
p {font-size: 20px;line-height: 32px;}
header,.innerTitle.fixed,footer{width:1980px;margin: 0 auto;}
#toTop, .pop-over {right: calc((100vw - 1981px) / 2 - -10px);}
.overview img {right: 0px;width: 25%;}
#Project .right ul li:after {right: -53px;}
}
/*Media responsive screen 2100*/
@media screen and (min-width:2100px) {

}
/*Media responsive screen 2200*/
@media screen and (min-width:2200px) {

}
/*Media responsive screen 2300*/
@media screen and (min-width:2300px) {
 
}
/*Media responsive screen 2400*/
@media screen and (min-width:2400px) {

}
/*Media responsive screen 2500*/
@media screen and (min-width:2500px) {

}
@media only screen and (min-device-width:2501px) and (max-device-width: 3000px) {

} 

@media screen and (min-width:992px) {
nav#menu {display: block !important;padding: 0;position: relative;margin-top: 20px;float: right;clear: both;margin-right:10px;}
nav#menu>ul{float:left;}
nav#menu li {float: left;margin-left: 0px; padding-bottom:7px;}
nav#menu .submenu-button{display:none;}
nav#menu ul > li:hover > a{color: #000;}
nav#menu ul > li.active > a {color: #ffffff !important;background-color: #ea4111;}
nav#menu li a:hover,.nav#menu ul li ul li a.current,.header-fixed nav#menu ul > li a.current{color: #ea4111 !important;}
nav#menu ul > li a {font-size: 16px;padding: 2px 7px 4px;position: relative;margin: 0px 15px 0px 0px;border-radius: 0;font-family: 'Poppins', sans-serif;border-radius: 20px;}
nav#menu ul li:last-child a{border-bottom:0px;margin-right:15px;}
nav#menu ul li:hover ul, nav#menu ul li.hvrmnu ul {display: block;}
 nav#menu ul li ul:before {left: 25px;content: "";border:10px solid transparent;border-bottom-color: #c3cad8;font-size: 0;line-height: 0;display: inline-block;top: -20px;margin-left: 25px;position: absolute;background-color: transparent;display: none;}
nav#menu ul li ul li {padding: 10px;/* display: table-cell; */width: 50%;padding: 0px;float: none;}
nav#menu ul > li a:before {content: '';width: 1px;height: 18px;background-color: #131111;position: absolute;right: -8px;top: 7px;opacity: 0.5;}
nav#menu ul > li ul a:before{display:none;} 
header nav#menu ul li ul:after{content:'';position: absolute;right: 0px;width: 50%;top: 0px;background-size: 100% !important;height: 100%;background: url(../images/menu-ser.jpg) no-repeat left #e4e4e4;border: 5px solid #e4e4e4;}
nav#menu .submenu-button{display: none;}
header nav#menu ul li ul li a{color: #000 !important;font-size:17px !important;display: inline-block;width: 100%;margin: 1px 0px 5px;padding: 5px 10px;border-bottom: 1px solid #ddd;border-radius:0px;}
header nav#menu ul li ul li:last-child a{border-bottom:0px;}
header nav#menu ul li ul {position: absolute;left: 0;text-align: left;background: #ffffff;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);border: 0px solid #e0e9fe;padding: 10px;width: 100%;border-radius: 4px;display: none;-moz-transition: all .300s ease-in-out;-webkit-transition: all .300s ease-in-out;transition: all .300s ease-in-out;margin-top:4px;min-height: 210px;}
header nav#menu ul li ul li {padding: 10px;/* display: table-cell; */width: 50%;padding: 0px;float: none;}
}
/*Media Screen 1980*/
@media screen and (max-width:1980px) {
.logo {width: 40%;}
#Project .right ul li:after {width: 15%;}
.overview {height: 385px;}
.overview .left {width: 34%;}
.overview img {width: 32%;}
.testimonial p {margin-top: 40px;margin-bottom: 0px;}
.testimonial img {top: -20px;}
.about-page-sec2 .conter-box2 {    min-height: calc(100% - 5px);}
.Projectpage .nav-tabs {width:80%;}
.testipage .item {min-height: 240px;}
}
/*Media Screen 1800 */
@media screen and (max-width:1800px) {
}
/*Media Screen 1700*/
@media screen and (max-width:1700px) {
#Project .right ul li:after {width: 18%;}
.overview img {width: 35%;}
}
/*Media Screen 1600*/
@media screen and (max-width:1600px) {
.overview img {width: 37%;}
.overview .left {width: 40%;}
.popover-body .contactform .form_group {margin: 7px 0px 10px;}
}
/*Media Screen 1500*/
@media screen and (max-width:1500px) {
.overview .left {padding: 60px 50px 60px 80px;}
.overview {height: 310px;}
p {font-size: 17px;line-height: 27px;}
.logo {width: 50%;}
.testimonial .name {width: 70%;}
ul.stars {width: 30%;}
.overview img {width: 33%;}
.popover-body .contactform .form_group {margin: 7px 0px 5px;}
}
/*Media Screen 1415*/
@media screen and (max-width:1416px) {
}
/*Media Screen 1400*/
@media screen and (max-width:1400px) {
.testimonial p {margin-top: 20px;}
#Project .right ul li:after {width: 23%;height: 30%;}
.ourguiding ul li {min-height: 200px;}
.testipage .item {min-height: 255px;}
.overview img {width: 37%;}
.hmeabt p {font-size: 17px;line-height: 27px;}
}
/*Media Screen 1280*/
@media screen and (max-width:1280px) {
#full-slider-wrapper .sub-ban h2 {font-size: 47px;line-height: 55px !important;}
#full-slider-wrapper .sub-ban {padding: 5px 15px !important;}
.overview img {width: 24%;right: 75px;}
.testimonial img {top: -20px;width: 15% !important;}
.ourguiding ul li {margin-right: 22px;min-height: 230px;}
.testimonial .owl-nav {bottom: -7px;}
#Project .right ul li:after {width: 25%;height: 32%;}
.Projectpage .nav-tabs {width: 90%;}
.overview img {width: 42%;}
.overview .left {width: 39%;}
.testipage .item {min-height: 290px;}
.testimonial p {margin-top: 30px;}
}
/*Media Screen 1155*/
@media screen and (max-width:1155px) {
.logo {width: 56%;}
.logo a {margin-top: 6px;}
#full-slider-wrapper .sub-ban {width: 50% !important;}
nav#menu {margin-top: 15px;}
#Project .left {width: 75%;}
#Project .right ul li:after {width: 29%;height:40%;}
.overview .left {width: 55%;}
.overview img {width: 48%;}
.testimonial img {top: -23px;width: 20% !important;}
.testimonial .owl-nav {bottom: -5px;}
.ourguiding {padding: 40px 0px;}
.ourguiding .top p {width: 90%;}
.ourguiding ul li {margin-right: 15px;min-height: 285px;}
.whychoose {padding: 10px 8px;}
.chooselist li {width: 47%;}
.Projectpage .nav-tabs {width:100%;}
.testipage .item {min-height: 345px;}
.servicecard .left { padding-top: 0px;}
}
/*Media Screen 1024*/
@media screen and (max-width:1024px) {

}
/*Media Scren 991*/
@media screen and (max-width: 991px) {
.banner.bannerNew {margin-top:55px;}
header {height: 55px;}
.dtlsban {margin-top: 55px;}
header .row{display: inline-block;width: 100%;margin: 0px;}
header .col-lg-3{width:50%;float:left;}
header .col-md-9{width:50%;float: right;}
.logo {width: 60%;padding-left: 0px;margin-left: 0px;}
nav#menu .menu-call {top:-3px;margin-right: 9px;font-size: 12px;position: relative;}
.sub-ban h2 {font-size: 18px;line-height:20px !important;margin-bottom:0px !important;}
#burgernav {display:block;top: 17px;right:0px;}
#menu > ul {background-color: #0350a0;width: 355px;padding: 0px 3px 5px 0px;height: 100vh;float: right;margin-top: 40px;margin-right: -500px;position: absolute;right: 0;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;display: none;}
#menu > ul.open {display: block;border-top: 1px solid rgba(0, 0, 0, 0.1);margin-right: 0px;}
#menu > ul > li > a {padding: 10px 5px;border-right: 0;display: inline-block;width: 100%;color: #fff !important;border-bottom: 1px solid #1360b1;cursor: pointer;}
#menu > ul > li.active > a{border: 3px solid #fff;color: #ffffff !important;font-weight: 700;}
.about3-images .col-lg-6 {display: none;}
.hmeabt .mblview {display: inline-block;}
#Project .left h3 {font-size: 15px;line-height: 25px;}
#Project .right ul li i {right: 5px;bottom: 4px;width: 35px;height: 35px;line-height: 35px;}
#Services h3 {line-height: 25px;}
.overview {height: 220px;}
.overview .left {padding: 3px 0px 60px 43px;width: 60%;}
.overview img {right: 0px;}
.overview .right:after {width: 39%;}
.testimonial img {width: 15% !important;}
#full-slider-wrapper .sub-ban h2 {font-size: 35px;line-height: 43px !important;}
.dtlsban:before {width: 170px;height: 170px;bottom: -59px;right: 35%;}
.ourguiding ul {width: 98%;}
.ourguiding ul li .leftico {font-size: 21px;padding: 7px 10px;width: 45px;height: 45px;}
.ourguiding ul li .content {width: calc(100% - 45px);padding-left: 7px;}
.ourguiding ul li .content h5 {font-size: 17px;}
ul.teamlist {list-style: none;margin-top: 7px;padding: 0px 0px;}
ul.teamlist li {display: inline-block;align-items: inherit;padding: 7px 10px;}
.teamimg {width: 70px;height: 70px;float: left;}
.teamimg img {width: 80px;height: 80px;}
.teamname {width: calc(100% - 75px);padding-left:25px;float: left;margin-top: 15px;}
.teamdtls {width: calc(100% - 0px);border-left: 0;padding-left: 0;margin-left: 0;margin-top: 15px;clear: both;display: inline-block;}
.servicecard {padding: 15px 10px;margin-bottom:0px;}
.servicecard .title-solution h3 {font-size: 32px;}
.Projectpage .nav-tabs {width: 100%;}
.Projectpage .nav-link, .Projectpage .nav-link:hover, .Projectpage .nav-link:focus {font-size: 15px;}
.hmecntact .shadow {width: 90%;}
.contactPage .contactform .col-md-6 {width: 100%;max-width: 100%;flex: 0 0 100%;}
.contactform .form_group {margin-top: 10px;}
.popover-body .contactform .form_group {margin: 6px 0px;}
.testipage .item {width: 48%;min-height: 285px;margin-bottom: 40px !important;}
.testipage.testimonial img {top: -30px;}
.testimonial .name {width: 65%;}
ul.stars {width: 35%;}
.testimonial.testipage {padding: 30px 10px 10px;}
.testimonial .owl-nav {bottom: -6px;}
.IconList li {min-height: auto;width: 100%;}
#Project .right ul li:after {width: 35%;height: 50%;}
.sub-ban p {display: none;}
.IconList li,.IconList li:nth-child(2),.IconList li:nth-child(2), .IconList li:nth-child(3) {width: 49% !important;margin-right: 10px;margin-bottom: 5px;}
.IconList li:nth-child(1) {padding-top: 0px;width: 100% !important;}
.IconList li:nth-child(3),.IconList li:nth-child(5),.IconList li:nth-child(7){margin-right:0px;}
.IconList{margin-top: 0px;}
#full-slider-wrapper .sub-ban {/*bottom: 23px !important;width: 90% !important;left: 5px !important;top: auto !important;*/height:auto !important;border-radius:5px !important;}
#full-slider-wrapper .sub-ban h2 span{display:inline-block;}
.ls-circle-timer {bottom: 3px !important;}
.ls-v5 .ls-bottom-slidebuttons {top: 19px !important;}
#full-slider-wrapper .sub-ban h2 {font-size: 25px;line-height: 30px !important;}
#Services {padding: 20px 10px 20px;}
.hmeabt .mblview{display:inline-block;width: 100%;}
.hmeabt {padding: 6px 7px !important;}
.hmeabt p:nth-child(2),.about3-images .hmeabtsli,header nav#menu ul li ul,.submenu-button.mobile-nav-plus{display:none;}
.hmeabt .mobile{display:inline-block;}
#Project {padding: 15px 10px;}
#full-slider-wrapper .sub-ban {width: 40% !important;}
.privacy-lst .listOne li {width: 50%;}
.chooselist li {margin-top: 0px !important;margin-right: 15px !important;margin-bottom: 15px !important;}
.link-more {margin-bottom: 15px;}
.dtlsban .dtlstext {padding: 5px 5px 0 10px;}
.popover-body {width: 550px;}
}
/*Media Screen 767*/
@media screen and (max-width: 767px) {
header {height: 45px;}
.banner.bannerNew,.dtlsban {margin-top: 47px;}
.logo {width: 45%;}
#Services h3 {padding: 0px 0%;font-size: 18px;margin-bottom:0px;}
.sub-ban {padding: 12px !important;}
footer .footer-grid .left,footer .footer-grid .right,#Project .left,.dtlsban,.ourguiding .top p,.servicecard .right,#Project .right {width: 100% !important;}
#Project .right ul li {border-right: 0px solid #fff;width: 48%;margin-right: 10px;}
#Project .right .tab-content ul li {width: 33% !important;border-right: 10px solid #fff;margin-right: 0px;}
footer .footer-grid .right {border-left: 0;padding-left: 0px;margin-top: 5px;border-top: 1px solid #b7b2b2;padding-top: 10px;}
footer .footer-grid {padding: 20px 10px 4px;}
.dtlsban .dtlstext p,.dtlsban:before,.dtlsimg,.about-page-sec1 .heading1 span.span,.contact .dotsblue{display:none;}
.dtlsban .dtlstext {float: left;padding: 0px 10px 0 7px;width: 100%;}
.about3-images .col-lg-6{display:none;}
.about-page-sec1 .conter-box2 {margin-bottom: 15px;padding: 9px;}
#Services {padding: 10px 10px 10px;border-bottom: 1px solid #dfdddd;}
#Services .container {margin-top: 0px;padding-right: 0px;padding-left: 0px;}
#Project {padding: 15px 10px;margin-bottom:5px;}
.overview {height: inherit;}
.overview .left {padding: 8px 0px 15px 32px;width: 60%;}
.overview img {width: 45%;}
.hmecntact .shadow {padding: 5px 15px;margin-right:0px;width: 100%;}
.hmecntact{padding: 10px 10px 10px;margin-bottom: 0px;}
.testimonial {padding: 10px 10px 10px;}
.about-page-sec1 {padding: 10px 10px;}
.about-page-sec1 .conter-box2 {min-height: inherit;}
.ourguiding,.whychoose,.team {padding: 10px 10px 0px;}
.ourguiding ul {margin: 5px auto;}
.ourguiding ul li {width: 100%;margin-right:0px;padding: 24px 10px 0px;min-height: inherit;margin-bottom: 10px;}
.chooselist li:nth-child(2),.chooselist li:nth-child(4),.chooselist li:nth-child(3) {margin-top: 0;}
.chooselist li {width: 100%;margin-right:0px;min-height: inherit;}
.servicecard {padding: 10px 10px;} 
.servicecard .left {width: 100%;padding: 0px 0px;min-height: inherit;padding-top: 0;}
.servicecard .title-solution h3 {font-size: 25px;}
.servicecard {padding: 10px 10px;border-bottom: 1px solid #ccc;}
.dtlsban:after {width: 96px;height: 100px;}
.dtlsban {padding: 10px 0 10px 0;}
#Project.Projectpage {padding: 10px 5px;}
#Project.Projectpage .nav-tabs {width: 97%;display: inline-block;margin: 0px auto 0px;}
#Project.Projectpage ul.proJectTabs {display: block;width:100% !important;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;/* Firefox */-ms-overflow-style: none;/* IE/Edge */}
.Projectpage ul.proJectTabs li {white-space: nowrap;display: table-cell !important;margin-right: 0px !important;float: none !important;}
.Projectpage ul.proJectTabs li a{margin-right: 6px;display: inline-block;width: 90%;}
.Projectpage .tab-content {width: 100%;}
.contactPage{padding:0px 10px;}
.contact .col-md-6:first-child .pad100 {padding: 0px 0 0px 0;}
.contactform .form_group {margin-top: 0px;}
footer .footer-grid h3 {border-bottom: 1px solid #b7b2b2;padding-bottom: 5px;}
footer .footer-grid .left ul li a {font-weight: 500;padding-bottom: 5px;display: inline-block;}
footer .footer-grid .left ul li {margin-bottom: 0;}
.Projectdtl-one ul.bigImage {display: inline-block;}
.Projectdtl-one ul.bigImage li {width: 100%;margin: 0 10px !important;padding-top: 0 !important;}
.testimonial p {margin-top: 19px;}
#Project .right ul li:after {width: 16%;height: 23%;}
#Project .right ul li i {right: 4px;bottom: 8px;}
#menu > ul {margin-top: 32px;}
#Project .right {margin-top: 0px;}
.contactform button {margin-top: 15px;}
.testipage .item {min-height: 410px;width: 47%;}
.testimonial .bordertop {position: inherit;bottom: auto;}
.testimonial h2 {margin-bottom: -10px;}
.addresslist li p {padding-left: 27px;}
.fancybox-nav span {visibility: visible;}
.popover-body {width: 450px;}
/*#full-slider-wrapper .sub-ban {width:87% !important;}*/
.btm-mnu{display:inline-block;}
#toTop {bottom: 90px;}
#Project .right h3 {bottom: -10px;padding: 5px 10px}
.hmeabtsli .owl-item img {width: 70%;margin: 0 auto;}
.contact .bg-dark .title h2 {margin-bottom: 0px;font-size: 20px;}
.contact .pad100 {padding: 10px 0 0px 0;}
.contact .bg-dark .title p {margin: 5px 0px 0px;font-size: 15px;}
.contact .title {margin: 0 auto 10px auto;}
.privacy-top {padding:0px 1vh;}
.privacy-top .float-right, .privacy-top .float-left {width: 100%;}
.privcy-content {width: 95%;}
.termsPge {padding: 0px 5px;}
.privacy-lst .listOne li {width: 100%;}
nav#menu .menu-call {top: -4px;}
.dtlsban .dtlstext h2 {font-size: 30px;line-height: 30px;}
h2 {font-size: 25px;}
.dtlsban .dtlstext h2 {font-size: 25px;line-height: 20px;}
.privacy-lst p {padding-left: 5px;}
.privacy-lst ul {padding-left: 20px;}
.privacy-lst a {white-space: inherit;}
.testipage .item {width: 100%;min-height: inherit;}
.testimonial img {width: 10% !important;}
.servimg {float: none;}
.ls-circle-timer {width: 18px;height: 18px;}
}

/*Media Screen 568*/
@media screen and (max-width:568px) {
.about-page-sec1 .conter-box h2 {font-size: 18px;}
.overview img {width:45%;}
.logo {width: 50%;}
.servicecard .title-solution h3 {font-size: 20px;}
.ourguiding .top p,.ourguiding h2 {text-align: left;}
#Project .right ul li:nth-of-type(1n+4) {display:none;}
#Project .right ul.abt-tabs li:nth-of-type(1n+4),#Project.Projectpage .right ul li:nth-of-type(1n+4) {display:block;}
.overview h3 {font-size: 30px;line-height: 40px;}
#Project .right ul li:after {width: 16%;height: 26%;}
.hmeabt p {font-size: 15px;line-height: 25px;}
.overview .left {padding: 8px 30px 15px 32px;width: 100%;}
/* #full-slider-wrapper .sub-ban {width: 80% !important;}*/
.IconList li h6 {font-size: 14px;}
#Project h2,#Project .left h3 {text-align: left;}
.IconList li, .IconList li:nth-child(2), .IconList li:nth-child(2), .IconList li:nth-child(3) {width: 48% !important;}
#full-slider-wrapper .sub-ban {width: 45% !important;/*top: auto !important;bottom: 35px !important;left: 25px !important;*/}
#full-slider-wrapper .slide-4 .sub-ban {width: 55% !important;}
#full-slider-wrapper .sub-ban h2 {font-size: 18px;line-height: 22px !important;}
nav#menu .menu-call {top: -2px;}
#GetaQuote .modal-dialog {margin-top: 12%;}
}
/*Media Screen 482*/
@media screen and (max-width:482px) {
.sub-ban h2 {font-size: 14px;line-height: 18px !important;}
.ourguiding .subText {font-size: 15px;}
h2 {font-size: 23px;}
.dtlsban .dtlstext h2 {margin: 0 0 0px;font-size: 19px;line-height: 19px;}
#full-slider-wrapper .sub-ban h2 {font-size: 17px;line-height: 23px !important;}
#Services h3 {font-size: 15px;}
.teamimg img {width: 60px;height: 60px;}
.teamname {width: calc(100% - 70px);padding-left: 0px;margin-top: 7px;}
.teamdtls {margin-top: 0px;}
.testimonial .owl-nav {bottom: -6px;left: 41%;}
.testimonial p {margin-top: 20px;}
.IconList li h6 {font-size: 12px;padding: 7px 5px;}
#Project .right ul li {width: 100%; }
.morebtn {padding: 3px 15px;}
.popover-body {width: 350px;}
}
/*Media Screen 400*/
@media screen and (max-width:400px) {
.logo {width: 70%;}
header .col-lg-3 {padding-left: 5px;}
#Project .right ul li:after {width: 22%;height: 35%;}
.testimonial img {width: 15% !important;}
.teamname h2 {font-size: 20px;}
#full-slider-wrapper .sub-ban h2 {font-size: 13px;line-height: 15px !important;}
h2 {font-size: 20px;margin-bottom:5px;}
.IconList li, .IconList li:nth-child(2), .IconList li:nth-child(2), .IconList li:nth-child(3) {width: 48% !important;}
.IconList li h6 {padding: 7px 1px;font-size: 11px;}
.overview img {width: 37%;bottom: -32px;right: 10px;}
}
 /*Media Screen 378*/
@media screen and (max-width:378px) {
header .col-lg-3 {width: 45%;}
header .col-md-9 {width: 55%;}
.logo {width: 80%;}
nav#menu .menu-call {top: -9px;}
.banner.bannerNew {margin-top: 45px;}
#burgernav {top: 8px;}
}
/*Media Screen 360*/
@media screen and (max-width:360px) {


}