/*-----  max-width:1350px ------*/
@media screen and (max-width:1366px) {
  
}
@media screen and (max-width:1360px) {
  
}
 

/*-----  max-width:1200px ------*/
@media screen and (max-width:1200px) { 
 .container {max-width:calc(100% - 60px); margin:0 auto;} 
 .hero-slider.owl-theme .owl-dots{display: none!important;}
}

@media screen and (max-width:1199px) {
 .header-top{padding:6px 0;}
}
@media screen and (max-width:1100px) {
  .nav-menu > li > a{padding: 14px 20px;}
}

/*-----  max-width:1024px ------*/
@media screen and (max-width:1070px) {
   
}
/*-----  max-width:991px -----*/
@media screen and (max-width:991.98px) { 
 
}

/*------ max-width:820px ------*/
@media screen and (max-width:820px) { 
.nav-menu > li > a{padding: 14px 13px;} 
.hero-tittle h2{font-size:36px;}
.plr {padding-right:15px;padding-left:15px;}
.price-title{font-size: 22px;}
.price-cont h5{font-size:20px;}
p{font-size:16px;}
.tab-none{display: none;}
.copy-right{padding-top:40px;}
}


/*------- max-width:767px -------*/
@media screen and (max-width:767.98px) {
 .back-top{display: none;}
 .header-phone li{margin-left:0;}
 .header-phone {margin-top: 10px;position: absolute;right: 20px;top: 19px;width: 50%;}
 .nav-toggle {right:20px;top: -44px;}
 .hero-tittle h2{font-size: 30px;}
 .hero-section{background:#000;}
 .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { border: solid 10px rgba(255,255,255,0.7);}
 .page-services .welcome-box{padding:0;}
 .hero-slider.owl-carousel .owl-item img{opacity:1;}
 .tag-btn {width: 127px;height: 47px;line-height: 40px;font-size: 12px;background-size: 100%;}
 .gallery-section .gallery-box .box p{display: none;}
 .width-80, .wid-50{width:100%;}
 .page-contact ul li, .wid-full{padding-right:0;}
 .cp-box{margin-bottom:10px;}
 .row .row{padding:0; margin:0;}
 .container {max-width: calc(100% - 20px);margin: 0 auto;}
.navigation-portrait{height: auto;}
.slider-cont {
	display: flex;
	align-items: center;
	position:relative;
	width: 100%;
	left: 0;
	top:20px;
	transform:inherit;
}
.cli-modal-content span { 
	display: block;
	text-align: center;
}
#myModal {
	padding-top: 30%;
}
 #myModal h3 {
    font-size: 20px!important;
  }
.slider-cont span{display: none;}
.hero-slider.owl-carousel .owl-item img{height: 190px;}
h1, h2, h3{font-size: 30px;}
.ab-sec{padding:40px 0;}
.sticky{background: transparent; padding:0;}
.mob-none{display: none;}
.mt40{margin-top:0;}
.how-it-work .service-img{margin-top:40px;}
footer h3{padding-left:15px;}
.social{margin-top:50px;}
.social ul{text-align: center;}
.address{padding-bottom:40px;}
.copy-right{padding-top:10px;}
.copy-right ul{padding-bottom:30px;}
.nav-menus-wrapper{margin-top:0;}
.navigation-portrait .nav-menu > li{border-top:solid 1px rgba(255,255,255,0.1);}
.navigation-portrait .nav-menu > li:last-child {border-bottom: solid 1px rgba(255,255,255,0.1);}
.modal{--bs-modal-width:80%;}
}

/*------  max-width:580px -------*/
@media screen and (max-width:580px) {
.hero-section {height: 358px;}
.hero-slider.owl-theme .owl-dots{top: 290px !important;}
.ab-img, .ab-img img{height: auto;}
.copy-right ul li{display: block; width: 100%;}
.copy-right ul li a{font-size:15px;}
.social{display: none;}
.social.text-left{display: block;}
.header-phone{padding:0;}
.header-phone li a{font-size:16px;}
.copy-right ul li::after{content: '';}
.social.text-left ul li{display: inline-block; width: auto;}
.social.text-left{margin-top:0;}
}
/*------  max-width:575px -------*/
@media screen and (max-width:575.98px) { 
 

}
/*------ max-width:500px --------*/
@media screen and (max-width:500px) {
 
}

/*------ max-width:480px -------*/
@media screen and (max-width:480px) {
  
}
/*------ max-width:480px -------*/
@media screen and (max-width:414px) {
 
  
}