@media (min-width:1000px) and (max-width:1024px){
    
.padding50 { padding: 50px 50px;}
.fixed-box img { max-width: 100%; height: 100%; object-fit: cover;}
.de_tab.tab_steps .de_nav li { margin: 0 24px 0px 24px;}
#contact{ background-size: cover!important;}    
}

 @media only screen and (max-width: 992px) { 
#menu-btn{ display:block; position:relative; float:right;}  
#mainmenu li a{ display:block; width:100%;}
header #mainmenu { display: none; float: none; z-index: 200; width: 100%; margin: 0; padding: 0; }
header #mainmenu li { border-bottom: solid 1px #333; margin: 0; width: 100%; display: block; letter-spacing: 3px;}
#mainmenu li { border-bottom-color: #ddd !important;}
#mainmenu li a {  display: block; width: 100%;}
header #mainmenu a { text-align: left; padding-top: 10px; padding-bottom: 10px;}
#mainmenu li a:after{display: none;}
#gallery-panel{display:none;}
header nav { float: right; background: #fff; left: 0; position: absolute; top: 61px; width: 100%; }
 #video-area {
            overflow: hidden;
            position: relative;
            min-height: 60vh;
        }
        .home-banner .carousel-item {
            height: 80vh;}
            .carousel-caption {
                width: 100%;
                position: absolute;
                top: 36%;
                text-align: left;
                text-transform: uppercase;
                left: 24px;
            }
            
            section.blo-head.philosphy h3 { 
    color: #000;
    width: 100%;
    margin: auto;
    line-height: 40px;
    margin-bottom: 10px;
}
section.blo-head.philosphy p {
    color: #000;
    padding: 10px 30px;
    line-height: 20px;
}
    }
    
    
 @media only screen and (max-width:680px) { 
     
     .m-number {
    position: absolute;
    right: 4%;
    font-size: 13px;
    background: #FFD700;
    color: #000;
    padding: 6px 15px;
    top: 53%;
    margin-top: 59px;
}
     
     section#testimonial-panel { height: 600px;}
     .de_testi blockquote { height: 400px;}

.clients-logo ul li:nth-child(3n+3) { border-right: 0px!important;}
.clients-logo li { width:33%; border-right: 1px solid #CCCCCC!important; border-bottom: 1px solid #CCCCCC!important;}
.clients-logo li .border-right-0:nth-child(2) { border-right: 1px solid #CCCCCC;}
 .home-form { position: inherit; margin-top: 5%; right: 10px; z-index: 99;}
.col-md-6.details { margin-bottom: 40px;}
 span.number { width: 38px; margin-right: 11px; margin-left: 15px;}
 section#why-choose { padding-bottom: 6px;} 
 section#why-choose.accrrdn-drop.section { padding-bottom: 50px;}
.logo-menu img,.menu-bg .logo-menu img { width: 45%; margin-top: 5px; position: relative; z-index: 9;  margin-left: 12px;}   



.logo-menu a:after {
    content: "";
    /* box-shadow: 1px 3px 5px #b9b9b9; */
   width: 93px;
    height: 84px;
    position: absolute;
    top: 0px;
    left: -47px;
    right: 0;
    margin: auto;
    border-radius: 76%; 
    background: #fff;
}
.fixed-top.menu-bg .logo-menu a:after { content: "";  /* box-shadow: 1px 3px 5px #b9b9b9; */ width: 122px; height: 128px;  position: absolute; top: -48px; left: -47px; right: 0; margin: auto; border-radius: 76%; background: #fff;}       
.margnlfet { margin-left: 0;}      
section#blog p { color: #000;  padding: 10px 27px; line-height: 34px; font-size: 20px; font-weight: 400;}
.new-design-add section#blog p { font-size:18px; line-height:28px; font-weight:400; padding:10px;}
.carousel-caption { width: 100%; position: absolute; top: 33%; text-align: center; text-transform: uppercase; left: 0px;}     
#features .box-item .icon{margin: 0;}
.body section#how-to .col-sm-3 { width: 100%; max-width: 100%; flex: inherit;}
.body section#features .col-sm-4 {-ms-flex: 0 0 33.333333%; flex: 100%; max-width: 100%;}

.section .margnlft { margin-left:0%;}
.single-service { min-height: 310px;}


}
     
     
 @media only screen and (max-width:480px) { 
 
 .covid p strong {
    width: 100%;
    /* float: left; */
    display: block;
}
 
 .content-box {
    padding: 20px 25px;
    min-height: 260px;
    text-align: center;
}
 .blog-item-text ul li {
    font-size: 13px;}
    
    .contact-address {  padding: 35px;}
    
    .contact-address p {  margin-bottom: 15px;}
    
    
 .fixed-top {  height: 120px;}
 
 #subheader {
    background-position: top;
    background-attachment: fixed;
    margin-top: 16px;
    height: auto;
}

section, #subheader {
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% 36% !important;
    background-repeat: no-repeat; 
}

#subheader .crumb { margin-top: 143px; display: block;}
 
 .how_wpb_wrapper { margin-bottom: 25px;}
 
 
 #sidebar {
    padding-left: 20px;
    margin-top: 50px;
}
 
 body.new-tech .logo-menu img {
    width: 40%;
    margin-top: 8px;
}
 
 
 
 .logo-menu img {
    width: 72%;
    margin-top: 6px;
    position: relative;
    z-index: 9;
} 


section#contact1 .container-fluid{padding:15px;}
.logo-menu img,.menu-bg .logo-menu img {
        width: 45%;
    margin-top: 5px;
    position: relative;
    z-index: 9;
    margin-left: 12px;
}
.menu-bg{padding:0px;}

#menu-btn{margin-right:0px;margin-top:15px;padding: 0; z-index: 99;}
.logo-menu {

    z-index: -9;
}

h1, h2, h3, h4, h5{font-size:30px;}
.section-header .section-title {
    font-size: 30px;}
         
     .fixed-box {
    height: 231px;
}
#features .icon{height:90px;}
section#testimonial-panel {
    background: #000;}
    .section {
    padding: 50px 0; background-size: cover!important;
    background-position: 100% 100%!important;
}
#view-all-projects .text-right {
    text-align: center!important;
}

.map img {
    height: auto;
}
#contact {
    background: #000;}
    .site-info p{text-align:center}
	
.inner-header .fixed-top.menu-bg{height: 60px;}

.inner-header .fixed-top.menu-bg .logo-menu img {
    width: 40%;
    margin-top: 5px;
    position: relative;
    z-index: 9;
}

section#Our-skills.section {
    padding: 50px 0;
    background-size: cover!important;
    object-fit: cover;
    background-position: 100% 100%;
}

#view-all-projects h2 {
    color: #333;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 0px;
    text-align: center;
}

.inner-header  #menu-btn {
    margin-right: 0px;
    margin-top: 14px;
    padding: 0;
}
.about.section .container-fluid{padding:15px;}
section.about.section .pr-5, .px-5 {
    padding: 20px;
    text-align: center;
    padding-right: 20px!important;
}

body.new-tech .logo-menu img {
    margin-top: 6px;
}

body.new-tech .logo-menu {
    padding-left: 0px;
}

.inner-header .inner.carousel-caption h2 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    margin-top: -27px;
}	
.zoom-panel{display:none;}
body.new-tech .carousel-caption h3{font-size:22px;}
body.new-tech .carousel-caption p{padding:0 15px;}
.new-tech .fixed-top {
    background: #fff!important;
    padding-bottom: 7px;
    height: 60px;
}
body.new-tech #mainmenu a{color:#000;}
section#why-choose.section.new-tech-2 {
    background: url(../img/bg-2.jpg) no-repeat; background-size: cover!important;}
	.carousel-control-next {
    right: 0;
    position: absolute;
    z-index: 9999;
    height: 100px;
    bottom: 100px;
    top: inherit;
}

.carousel-control-prev{
    right: 0;
    position: absolute;
    z-index: 9999;
    height: 100px;
    bottom: 100px;
    top: inherit;
}
#subheader h1{font-size:18px; padding-right:0px; margin-right:0px;}
.inner-header .container .contact-form input, .inner-header .container .contact-form textarea {
    width: 100%;
    padding: 2%;
    margin: 11px 0px 0 0px;
    color: #242424;
    border: 1px solid #B7B7B7;
}


#subheader {
    background-position: top;
    background-attachment: fixed;
    margin-top: 70px;
    height: auto; 
}

section, #subheader {
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% 36% !important;
    background-repeat: no-repeat;
}

#subheader .crumb { margin-top: 100px;}
	
    }
	
	
	

@media (max-width:1100px) and (min-width:768px){
	
	
section#why-choose { background-size: cover!important;}	
.new-design-add section#why-choose p { font-size: 12px; line-height: 20px;}
.new-design-add .feature-box-small-icon.text-light { min-height: 365px; }
.new-design-add #features .box-item .text p {font-size: 12px; line-height: 18px; color: #212020;}	
.new-design-add #features .icon { display: inline-block; width: auto; height: auto;}
	
	
	
	
	
}