@media screen and (min-device-width: 1401px) and (max-device-width: 3840px) {
 
.stellarnav > ul > li > a {
padding:12px 6px;
font-weight:normal;
}

}

@media only screen and (max-width:1400px) {
.has-sub li a {color: #666 !important; padding: 7px 15px !important;}
.stellarnav.dark li a {
font-size: 14px !important;
}
.stellarnav > ul > li > a {
padding:0px 5px;
}

.stellarnav.dark li a:hover {
	color: #fff;
	background: transparent;
}
}
@media only screen and (max-width:1100px) {
	.stellarnav.dark li a {color: #666;}	
}

@media only screen and (max-width:1269px) {
.stellarnav.desktop li.has-sub a {
padding-right: 0 !important
}
.stellarnav ul {margin: 15px 0 0!important;}
.stellarnav.dark li a {
font-size: 12px !important;
padding:0px 5px;
}

.stellarnav.mobile.dark ul {
background: #1d2127;
z-index: 999
}

.stellarnav.dark a.dd-toggle .icon-plus::before {
border-color: #fff
}

.stellarnav.dark a.dd-toggle .icon-plus::after {
border-color: #fff
}

.stellarnav.mobile > ul > li > a {
padding: 17px
}

.stellarnav.dark li a {
font-size: 12px !important;
font-weight: 500;
}

.searchbar {
top: 0;
}
 
.stellarnav .menu-toggle span.bars {
	top: 5px
}

.stellarnav.dark .menu-toggle span.bars span {
background: #fff;
width: 30px;
height: 3px;
border-radius: 0;
background: #777;
margin: 3px 0 5px;
}
 
.stellarnav .menu-toggle span.bars span {
height: 2px;
border-radius: 5px;
margin: 0 0 5px;
width: 25px
}

.stellarnav.mobile {
text-align: right
}

.stellarnav .menu-toggle span.bars {
margin-right: 0
}
 
.stellarnav > ul > li {
border: none
}
 .resp-tabs-list li{font-size: 15px !important;width:auto !important;}
}
 
@media only screen and (max-width:1200px) {
.container {
width: 100%;
padding: 0 15px;
}

.head-demo ul li {
padding: 0 2px;
}
 
}
@media only screen and (max-width:1100px) {
.stellarnav .call-btn-mobile, .stellarnav .close-menu, .stellarnav .location-btn-mobile, .stellarnav .menu-toggle {
padding:10px;
}
.about-sec{padding:50px 0;}
.counter-sec{padding:30px 0;}
.main-dev{padding: 30px 0;}
.clint-logo{padding:50px 0;}
.banner{padding:50px 0;}
footer{padding:50px 0 0;}
.stellarnav ul {margin:0!important;}
.stellarnav.dark li a {
font-size: 12px !important;
font-weight: 500;
color: #fff !important;
padding: 15px !important;
}
 
.has-sub li a:hover {
background: #c80c0c !important;
color: #777;
}
.header-banner img {clip-path:none !important; height: auto !important;}
}

@media only screen and (max-width:992px) {
.stellarnav .call-btn-mobile,
.stellarnav .close-menu,
.stellarnav .location-btn-mobile,
.stellarnav .menu-toggle {
padding:10px;
}
 .serviceBox{height:auto;}
 .home-slider{padding: 0;}
 .pic img {padding: 0;border-radius: 0;}
 .head-demo,.social-media{text-align: center;}
 .heading {font-size: 25px;margin-bottom: 15px;}
 .banner h2{font-size:30px;}
 .about-img{margin-top:20px;}
 #counter {margin-bottom:30px;text-align: center;border:none;}
 #counter img {float: none; padding-right: 0;}
 #counter p{text-align: center;}
 .pb-3, .py-3{padding: 0;}
 .footer-tst{margin-bottom:20px;}
 .copyright p{padding: 0;margin: 0; text-align: center;}
 
 .copyright {margin-top: 20px;border-top: 1px solid #fff;padding: 15px 0;}
 .btn-back-to-top {width: 35px;height: 35px;bottom: 30px;line-height: 35px;
    right: 25px;font-size: 15px;z-index: 9;}
    .contact-tst{margin-bottom:20px;}
    .cont.social-media .fa{font-size: 15px;width: 35px;}
    .map iframe{height:300px;}
    .mb-5 {margin-bottom: 0 !important;}
    .serv-section-2{margin-top: 20px;margin-bottom: 0;}
    .bg-light{background:transparent !important;}
    p{font-size:14px !important; font-weight: normal !important;}
}
 
@media only screen and (max-width:768px) {
.owl-prev{left:0;}
.owl-next{right:0;}
.clients-logo ul li{width: 157px;}
.about h3{font-size:25px;}
.tab-sec h4{font-size:20px;}
.resp-tabs-container{margin-top: 20px !important;}
h2.resp-accordion{font-size:16px !important;}
h2.resp-tab-active span.resp-arrow{border-bottom: 12px solid #fff !important;}
}

@media only screen and (max-width:576px) {
 .silder-tst h2{font-size:25px;}
 .member-content h3{font-size:25px;}
  .header-banner img {height:200px !important;}
  .contact-tst p{font-size:14px;}
  .contact-tst ul li a{font-size:14px;}
  .contact-tst h2{font-size:18px;}
  .contact-tst ul li{padding: 0 0 5px 0;}
  .mb-5, .my-5 {margin-bottom:0rem!important;}
  .about-img{margin-bottom:15px;}
  input.button{padding: 8px 25px; font-size:15px;}
  .banner h2 {font-size:25px;}
   #shop .social-media {margin-top: 10px;border-top: 1px solid #c6c6c6;padding: 10px 0;}
   .site-button {color: #fff;padding: 7px 15px;font-size: 14px;}
   .serv-section-2{height:auto;margin-top: 20px;margin-bottom: 0;}
   .pb-3, .py-3 {padding: 0rem!important;}
   .whitebord h5{font-size:16px;font-weight:bold;}
}

@media only screen and (max-width:480px) {
 .testimonial{text-align: center;}
 .head-demo ul li a{padding:0;}
 .logo img{margin-top:5px;}
 .head-demo{display:none;}
 .testimonial img{width:auto;margin:0 auto;}
  #shop .social-media {border-top:none;margin: 0; 
    padding: 0;}

}