@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;
}

        #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) { 
         
         .margnlfet {
    margin-left: 0;
}
         
         section#blog p {
    color: #000;
    padding: 10px 27px;
    line-height: 34px;
    font-size: 20px;
    font-weight: 400;
}
         
         .carousel-caption {
    width: 100%;
    position: absolute;
    top: 19%;
    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%;
}
	 }
     
     
     @media only screen and (max-width:480px) { 
 
 .fixed-top {  height: 60px;}
 
 #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;}
 
 .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;
}
.logo-menu a:after {
    content: "";
    /* box-shadow: 1px 3px 5px #b9b9b9; */
    width: 128px;
    height: 128px;
    position: absolute;
    top: -41px;
    left: -70px;
    right: 0;
    margin: auto;
    border-radius: 76%; display:none;
    background: #fff;
}
.fixed-top.menu-bg .logo-menu a:after {
    content: "";
    /* box-shadow: 1px 3px 5px #b5b5b5; */
    width: 128px;
    height: 128px;
    /* position: absolute; */
    top: -70px;
    left: 0;
    /* right: 0; */
    /* margin: auto; */
    /* border-radius: 100%; */
    /* background: #fff; */
}
section#contact1 .container-fluid{padding:15px;}
.logo-menu img,.menu-bg .logo-menu img {
    width: 40%;
    margin-top: 5px;
    position: relative;
    z-index: 9;
}
.menu-bg{padding:0px;}

#menu-btn{margin-right:0px;margin-top:10px;padding: 0;}

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; object-fit: cover;
    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: 15px;
}

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:30px; 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: 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;}
	
    }