/*----------Responsive Css Start----------*/
@media only screen and (min-width : 1920px) {
.about-img:before {width: 621px;height: 400px;}

.container , .service-bx .container,  .rating-bx .container, .product-sec .container, .top-header .container, .header .container , .testi-bx .container, .footer .container ,.footer2 .container, .about-sec .container{width: 1600px;max-width: 1600px;margin: auto;padding: 0px 20px;}
}
@media only screen and (min-width : 1500px) {
 .about-img:before {width: 621px;height: 400px;}
.container , .service-bx .container,  .rating-bx .container, .product-sec .container, .top-header
 .container, .header .container , .testi-bx .container, .footer .container ,.footer2 .container,
  .about-sec .container {width: 1400px;max-width: 1400px;margin: auto;padding: 0px 20px;}
}
@media only screen and (max-width:1500px) {
	.workshops .section-title {
    margin-top: 50px;
}
}

@media (max-width:1200px) {
.container , .service-bx .container,  .rating-bx .container, .product-sec .container, 
.top-header .container, .header .container , .testi-bx .container, .footer .container ,.footer2 .container, 
.about-sec .container {width: 100%;max-width: 100%;padding: 0px 20px;}
.py-80 {padding-top: 40px;padding-bottom: 40px;}
.logo img {max-width: 129px;}
.stellarnav.dark li a {font-size: 14px;padding: 10px 10px;}
.banner-content h1 {font-size: 30px;line-height: 35px;}
.section-title h2 {font-size: 24px; line-height: 30px;}
.section-title h6 {font-size: 13px;}
.about-desc p {font-size: 14px;}

.header.sticky .stellarnav.dark li a { padding: 15px 9px;}
.header.sticky .logo img {width: 94px;}
.section-title {margin-bottom: 20px;}
.section-title p {font-size: 16px;}

.about-img:before {width: 378px;height: 292px;}
.about-bx {margin-bottom: 50px;padding: 62px 11px 40px 65px;}.service-icon img {width: 95px;}
.product-sec .about-img:before {width: 350px;height: 186px;}
.product-detail h2 {font-size: 27px;}
.rating-bx {padding: 34px 0px;}
.rating-media .media-body h5 span.count, .rating-media .media-body h5 span.plus {font-size: 29px;}
.rating-media .media-body h5 span {font-size: 16px;}
.rating-media .media-img{ margin-right: 5px!important }
/*================ inner pages=====================*/
.inpage-title-cont { padding: 90px 10px}
.aboutpage-sec .about-text{ margin-top: 20px; }

.highlight .card{ height: auto; }

.img-box2 , .design-package .img-box2{ width: 100%; height:auto; }

.workshops .section-title {
    margin-top: 50px;
}
}

@media (max-width:991px) {
.commn-btn {padding: 8px 18px;font-size: 13px;}
.testi-div .testi-profile {width: 90px;height: 90px;}
.footer {background-color: #252624;padding-top: 10px;padding-bottom: 20px;}
.py-80 {padding-top: 30px;padding-bottom: 30px;}
.top-header ::placeholder{ font-size: 14px; }
.top-header .commn-btn {font-size: 16px;}
.section-title h2 { margin-bottom: 0px; line-height: 24px;}
.banner-content { padding: 10px}
.banner .banner-img {  height: 460px;}
.about-img:before{ display: none }
.about-img{ margin-bottom: 20px; }
.about-bx { padding: 30px;}
.section-title h6 {font-size: 13px;margin-bottom: 12px;}
.section-title h6 span {width: 40px;}
.product-sec{ background:#fff }
.about-img{ height: 400px;  }
.about-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.product-sec .about-img {margin-top: 10px;margin-right: 0;margin-bottom: 30px;}
.cont-form {  margin-top: 8px;}
.header-cont.sticky .stellarnav.dark li a {padding: 15px 6px;font-size: 15px;}
.stellarnav.mobile.dark ul {background: rgba(255,255,255,0.9); margin-top: 130px;}
.stellarnav.mobile.dark ul li ul {margin-top: 0px}
.header-cont.sticky  .stellarnav.mobile.dark ul{ margin-top: 0px; }
.header-cont.sticky  .stellarnav.mobile.dark ul li ul{ margin-top: 0px; }
.stellarnav.dark a.dd-toggle .icon-plus:before {border-color: #be1e2d;}
.stellarnav.dark a.dd-toggle .icon-plus:after {border-color: #be1e2d;}
.stellarnav.mobile.dark ul ul li a{ color:#161617!important }
.stellarnav.mobile > ul > li > a.commn-btn{ width: 100%; display: block; padding: 5px ; text-align: center; }
.stellarnav ul li ul li:hover a{ background: #f2f2f2 }
.logo img {
    max-width: 80px;
}
.product-img .img-box{ height: 230px }
.banner-cont{ width: 80% }
/*================== inner pages =============*/
.inpage-title-cont {
    padding: 80px 10px 80px 10px;
}

.workshops .section-title {
    margin-top: 40px;
}

.product-slider2.owl-carousel .owl-nav .owl-prev ,
.product-slider3.owl-carousel .owl-nav .owl-prev ,
.product-slider4.owl-carousel .owl-nav .owl-prev ,
.product-slider5.owl-carousel .owl-nav .owl-prev ,
.product-slider6.owl-carousel .owl-nav .owl-prev ,
.product-slider7.owl-carousel .owl-nav .owl-prev ,
.product-slider8.owl-carousel .owl-nav .owl-prev ,
.product-slider9.owl-carousel .owl-nav .owl-prev , .choose-slider.owl-carousel .owl-nav .owl-prev , .partner-slider.owl-carousel .owl-nav .owl-prev{ left: -30px;  opacity:0.3;  background-size: 60%  }
.product-slider2.owl-carousel .owl-nav .owl-next ,
.product-slider3.owl-carousel .owl-nav .owl-next ,
.product-slider4.owl-carousel .owl-nav .owl-next ,
.product-slider5.owl-carousel .owl-nav .owl-next ,
.product-slider6.owl-carousel .owl-nav .owl-next ,
.product-slider7.owl-carousel .owl-nav .owl-next ,
.product-slider8.owl-carousel .owl-nav .owl-next ,
.product-slider9.owl-carousel .owl-nav .owl-next , .choose-slider.owl-carousel .owl-nav .owl-next , .partner-slider.owl-carousel .owl-nav .owl-next{  right:-30px;  background-size: 60% }

}

@media (max-width:767px) 
{
	.top-header { display: none }
	a.d-inline-blockMob{display: inline-block !important;} 
.stellarnav.mobile.dark ul {background: rgba(255,255,255,0.9);margin-top: 73px;}
.service-cont h1 {font-size: 16px;}

.logo img , .header-cont.sticky .logo img {max-width: 81px;}
.banner .banner-img {height: 300px;}
.about-bx{ margin-top: 20px; margin-bottom: 30px; padding: 10px; box-shadow: none }
.about-text {padding-left: 0;padding-right: 0;}
.section-title h2 {font-size: 22px;}
.section-title {margin-bottom: 15px;}
.section-title p {font-size: 14px;margin-top: 7px;}
.product-detail h2 {font-size: 20px;}
.about-img {height: 260px;}
.rating-media .media-body h5 span.count, .rating-media .media-body h5 span.plus {
font-size: 24px;}

.rating-media .media-body h5 span {font-size: 13px;}
.rating-media .media-img img {width: 62px;}
.footer-logo a img {max-width: 77px;}
.footer-div h5 {   font-size: 15px;}
.footer-div ul.cont-link li a, .footer-div ul.footer-link li a , .footer-div p, .footer-div a{display: block;font-size: 14px;}
.footer-div p, .footer-div a{ font-size: 15px; }
.banner-content p {font-size: 14px;}
.banner-content .commn-btn {  font-size: 13px;}
/*================== inner pages =============*/
.inpage-title-cont {padding: 50px 10px 50px 10px;}
.inpage-title h2 {font-size: 22px;margin-bottom: 0px;}
ul.breadcrum li a {font-size: 15px;}
.contact-sect h4 {color: #fff;font-size: 16px;}.contact-detail .cont-form{ padding: 20px; margin-top: 20px; }.scrollTop, .whatapp-link { width: 30px; height: 30px; right:10px;}.whatapp-link .icon {color: #06c70c;font-size: 18px;
}
.in-section-title h2 {    font-size: 20px;}
.top-header{ padding: 0px }
.product-slider.owl-carousel .owl-nav .owl-prev{ right: 50% }
.product-slider.owl-carousel .owl-nav .owl-next{ left: 50% }
.banner-cont{ position: static; top:inherit; left: inherit;transform: none; width: 100%; background: #000; padding: 30px 10px }

.product-slider2.owl-carousel .owl-nav .owl-prev , 
.product-slider3.owl-carousel .owl-nav .owl-prev ,
.product-slider4.owl-carousel .owl-nav .owl-prev ,
.product-slider5.owl-carousel .owl-nav .owl-prev ,
.product-slider6.owl-carousel .owl-nav .owl-prev ,
.product-slider7.owl-carousel .owl-nav .owl-prev ,
.product-slider8.owl-carousel .owl-nav .owl-prev ,
.product-slider9.owl-carousel .owl-nav .owl-prev , .choose-slider.owl-carousel .owl-nav .owl-prev ,
 .partner-slider.owl-carousel .owl-nav .owl-prev{ left: -20px;  opacity:0.3;  background-size: 60%  }
.product-slider2.owl-carousel .owl-nav .owl-next ,
.product-slider3.owl-carousel .owl-nav .owl-next ,
.product-slider4.owl-carousel .owl-nav .owl-next ,
.product-slider5.owl-carousel .owl-nav .owl-next ,
.product-slider6.owl-carousel .owl-nav .owl-next ,
.product-slider7.owl-carousel .owl-nav .owl-next ,
.product-slider8.owl-carousel .owl-nav .owl-next ,
.product-slider9.owl-carousel .owl-nav .owl-next , .choose-slider.owl-carousel .owl-nav .owl-next , 
.partner-slider.owl-carousel .owl-nav .owl-next{  right:-20px;  background-size: 60% }

}

@media (min-width:576px) and (max-width:767px) {
.banner .banner-img {height: 400px;}
.about-img {height: 350px;}

}