@media only screen and (max-width:1190px){
    .slide-data h2{
        font-size: 30px;
    }
    .txt-data{
        padding: 20px;
        top: 11%;
    }
    
}

@media only screen and (max-width:1100px){
    .txt-data {
        top: 5%;
    }
    
    .txt-box-right .txt-data{
        top: 0;
        left: 0;
        float: left;
        position: relative;
        width: 55%;
    }
    
    .txt-box-left .txt-data{
        float: left;
        position: relative;
        top: 0;
        right: 0;
        width: 55%;
    }
}


@media only screen and (max-width:1080px){

    
    .section .product-box .item{
        width: 30.5%;
    }
    
     .ftr-logo{
        width: 100%;
    }
    .inner-heading h3{
        font-size: 18px;
    }
    
    .inner-heading h3::before {
        font-size: 20px;
        top: 0; 
    }       

    .inner-heading .btn{
        float: left;
        clear: both;
    }
    
}

@media only screen and (max-width:1030px){

    .slide-data h2, .slide-data p{
        width:100%;
    }
    .slide-inner{
        margin-top: 3%;
    }
    
    #footer .btm-cntct{
        width: 86%;
    }

    
}

@media only screen and (max-width:980px){
	
	.nav-bar{
		width:100%;
	}
	
	.menu-tab {
		cursor: pointer;
		display: block;
		float: left;
		margin: 15px 0;
                width: 100%;
	}
	
	
	
	.menu-tab .lines-square {
		border:#fff thin solid;
		border-radius: 3px;
		float: left;
		height: 25px;
		margin-right: 5px;
		width: 25px;
	}
	
	.menu-tab .lines-square .lines:first-child {
		margin-top: 5px;
	}
	.menu-tab .lines {
		background: #fff none repeat scroll 0 0;
		border-radius: 2px;
		height: 2px;
		margin: 4px auto auto;
		width: 70%;
	}

	
	.menu-tab .menu-txt {
		float: left;
		font-family: "raleway";
		font-size: 18px;
		line-height: 26px;
		text-transform: uppercase;
                color: #fff;
                font-weight: bold;
	}
	
	.drop-nav{
		display:none;
		clear:both;

	}
	
	.nav{
		float:none;
	}
        
        .main-nav {
            bottom: auto;
            top: 80px;
            text-align: left;
        }
	
	ul.nav li{
		float:none;
		display:block;
                margin-left: 0;
	}
	
	ul.nav li a, ul.nav li a.active{
		line-height:40px;
		font-size:15px;
                padding-top:0;
		padding-bottom:0;
                
	}
	
        .nav li a:hover::after, .nav li a.active::after{
            display: none;
        }

        
        .inner-heading-1 h2{
            float: left;
            width: 100%;
        }
        
        .inner-drop{
            position: relative;
        }
        #testimonial{
            width: 80%;
        }
        
}

@media only screen and (max-width:950px){


    .slide-data h2 {
         font-size: 25px;
    }
    
   
    

}
@media only screen and (max-width:900px){

    
    .slide-data .btn{
        font-size: 13px;
        padding: 5px 15px;
    }

    .slide-data p{
        font-size: 15px;
    }

}

@media only screen and (max-width:850px){
    .product-box .item{
        width: 30%;
    }
    
    .certi-inline{
        width: 30%;
    }
    .certi-thumb{
        height: 200px;
    }
    
    
}



@media only screen and (max-width:800px){
    

    
    .slide-data p{
        display: none;
    }
    

}

@media only screen and (max-width:780px){
    .product-box .item{
        width: 30%;
    }
    
    #footer .btm-cntct {
        width: 84%;
    }
}

@media only screen and (max-width:767px){
	
	.span-3{
		width:100% !important;
		margin:0;
		margin-bottom:30px;
		padding:0;
                margin-right: 0;
                float: left;
	}
        
        #footer .span-3{
            width: 100%;
            padding: 30px 0;
        }
        
        #footer .row{
            width: 50%;
            float: left;
        }
        #footer .span-4{
            min-height: auto;
            margin:20px 0;
            width: 100%;
            border-left: none;
            border-right: none;
            box-sizing: border-box;
            padding: 20px 0;
        }
        #footer .span-3:last-child{
            text-align: left;
        }
        
        .ftr-nav li{
            float: left;
            width: 50%;
        }

 
        
        .top-cntct-detail .cntct-content{
            float: none;
            display: inline-block;
            margin: 0 20px;
        }

        
        #footer .span-3:last-child{
            margin-bottom: 0;
        }
        
        #footer .span-3:last-child  h2.view-rspnsv{
            margin-bottom: 10px;
        }
        .section, .sidebar{
            width: 100%;
            float: left;
        }
        
        .sidebar{
            margin-bottom: 20px;
        }
        

        
        .side-desktop{
            display:none;
        }
        
        .sidebar .side-rspnsv{
            display: block;
            cursor: pointer;
            background:#0290d8 url(../images/arw-dwn.png) no-repeat right; 
            padding: 10px 5px;
            color: #fff;
        }
        
        .side-nav{
            display: none;
        }

        .ftr-logo{
             width: 250px;
        }
        
        .logo img{
            width: 200px;
        }

        .cntct-dtl h4{
            display: none;
        }
        .top-cntct-detail .cntct-content{
            margin-right: 0 !important;
        }
        
        
        
        
        
}



@media only screen and (max-width:730px){
	#footer h2.view-rspnsv{
		display:block;
		width:100%;
		text-align:left;
		padding:0;
		background:url(../images/arw-up.png) no-repeat right;
		cursor:pointer;
	}
        #footer h2.view-desktop{
            display: none;
        }
        
 
	.ftr-nav-drop{
		display:none;
	}
	
	.ftr-nav li{
		display:block;
		margin:0;
		text-align:left;
		text-indent:10px;
	}
        .slide-data h2{
            font-size: 25px;
        }
        
        .span-6{
            width: 100%;
            float: left;
            margin-right: 0;
            margin-bottom: 30px;
        }
        
        .ftr-nav li{
            width: 100%;
        }

        

        
        .parallax{
            padding: 30px 0; 
        }




        .big-prdct-img{
            width: 60%;

            margin-bottom: 20px;
        }
        
        .prdct-details{
            float: left;
            width: 100%;
        }

        #footer .span-3 {
            padding: 0;
        }
        
        .inner-header h1{
            font-size: 20px;
        }
	
}

@media only screen and (max-width:700px){

    
    .section{
        width: 100%;
        float: left;
    }

    .breadcrums li{
        margin-bottom: 5px;
    }
    .mCSB_horizontal.mCSB_inside > .mCSB_container{
        width:900px !important;
    }
    
    .top-cntct-detail .cntct-content{
        float: left;
    }
    .logo img {
        width: 250px;
    }
    .txt-ovr-img, .txt-data{
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    
    
    
}

@media only screen and (max-width:680px){
    .copy{
        width: 100%;
        text-align: center;
    }
    
    #footer .social{
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    
    .certi-inline{
        width: 29%;
    }
    .certi-thumb{
        height: 170px;
    }
}



@media only screen and (max-width:640px){



    #footer .row{
        width: 45%;
    }
    


    .slide-data h2 {
        font-size: 16px;
    }
    
    
    
}

@media only screen and (max-width:600px){
    .mCSB_horizontal.mCSB_inside > .mCSB_container{
        width:900px !important;
    }
    .form-lft, .form-rgt{
        width: 100%
    }
    

    
    .product-box .item {
        width: 47%;
    }

    .slide-inner {
        margin-top: 3%;
    }


    
    
}

@media only screen and (max-width:500px){
    .big-img{
        width: 100%;
    }
    .txt-block-lft, .txt-block-rgt{
        width: 100%;
        float: left;
    }
    
    .breadcrums{
        display: none;
    }
    .inner-header{
        padding: 30px 0;
    }
    
}

@media only screen and (max-width:550px){
	.heading h1, .heading h2{
		font-size:30px;
	}

        #home-slider .owl-buttons{
            display: none;
        }
        .slide-data{
            left: 2%;
        }


        .inner-heading h3{
            font-size: 20px;
        }
        .inner-heading h3::before {
            top: -2px;
        }
        
        .top-cntct-detail{
            width: 100%;
        }
        
        .main-nav{
            top: 120px;
        }
        .top-cntct-detail{
            text-align: center;
            margin-top: 20px;
        }
        .top-cntct-detail .cntct-content{
            float: none;
        }
        
        .logo{
            width: 100%;
            text-align: center;
        }
        
        .heading h1, .heading h2 {
            font-size: 25px;
        }
        
        .txt-data h2 {
            font-size: 20px;
        }
        
        .certi-inline{
            width: 45%;
        }
        
        .certi-thumb{
            height: 150px;
        }
        
        .span-5, .span-7{
            width: 100%;
        }
        
        .span-7{
            margin-top: 30px;
        }

        
}


@media only screen and (max-width:480px){


	
	.form-group, .form-group-inline .form-group{
		width:98%;
	}
        
        .inner-heading-1 h2{
            font-size: 21px;
        }

        .form-group .form-group-inline{
            width: 100%;
        }
        
        .form-group .form-group-inline:last-child{
            float: left;
            margin-top: 15px;
        }
        
        .form .form-group .btn{
            width: 100%;
            margin-bottom: 5px;
        }
        
        .form-group .inpt textarea{
            width: 98%;
        }
         .slide-data h2 {
            width: 53%;
        }
        .slide-data h3{
            margin-top: 3px;
        }

        
        .inner-links li {
            width: 100%;
            display: block;
        }
        .logo img {
            width: 200px;
        }
        
        .main-nav {
            top: 140px;
        }
        
        
}

@media only screen and (max-width:440px){
    

    .side-img{
        width: 100%;
        float: left;
        margin-left: 0;
    }
    
      #footer .row {
        width: 100%;
    }
    
    .slide-main{
        display: none;
    }
    
    .product-box .item{
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    
    .inner-heading h2{
        font-size: 18px;
    }
    
    .big-prdct-img{
        width: 100%;
    }
 }

@media only screen and (max-width:420px){
    
    .slide-data{
        width: 50%;
    }
    
    .slide-data h2{
        display: none;
    }
    
    .slide-data h3{
        width: 100%;
    }
    .slide-data::before {
        right: 8%;
    }
    
    .parallax-logo img{
        width: 100%;
    }

    .heading h1, .heading h2 {
        font-size: 18px;
    }
  

    
    
}

@media only screen and (max-width:400px){
	


        .top-cntct-detail{
            text-align: center;
            width: 100%;
        }
        
        .top-cntct-detail .cntct-content{
            float: none;
            display: inline-block;
        }
        
        .top-cntct-detail .cntct-content:last-child{
            margin: 0;
       
        }
        
        .product-box h2{
            font-size: 14px;
        }
        #footer .row{
            width: 100%;
            margin-right: 0 !important;
        }
        

        
        .slide-data h3 {
            font-size: 15px;
        }



        .tble-design th, .tble-design td{
            font-size: 13px;
            padding: 10px 0;
        }
        
        .certi-inline{
            width: 97%;
            margin: 0;
            margin-bottom: 20px;
        }
        
        .modal{
            width: 280px;
        }

}



@media only screen and (max-width:320px){
    .btn{
        margin-bottom: 5px;
    }
    
     .modal{
        width: 230px;
    }
}

/* Responsive layout refinements */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

*, *::before, *::after {
    box-sizing: border-box;
}

img {
    height: auto;
    max-width: 100%;
}

.form-center {
    max-width: 750px;
    width: 100%;
    padding: 0 16px;
}

.scroll-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width:980px) {
    #header > .wrapper > .container {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }

    .logo::before {
        display: none;
    }

    .main-nav {
        float: none;
        order: 3;
        padding: 0 0 10px;
        position: relative;
        top: auto !important;
        width: 100%;
    }

    .menu-tab {
        margin: 10px 0;
    }

    .drop-nav {
        background: #424951;
        float: left;
        padding-bottom: 8px;
        width: 100%;
    }

    ul.nav li a,
    ul.nav li a.active {
        margin-right: 0;
        padding-left: 0;
    }

    .process {
        margin: 70px 0 50px;
        padding: 45px 0;
    }

    .process p {
        width: 100%;
    }

    .process-right {
        display: flex;
        float: left;
        margin-top: 35px;
        position: static;
        right: auto;
        top: auto;
        width: 100%;
    }

    .process-right > .span-6,
    .process .span-6 .span-6,
    .process .span-6 .span-6:first-child,
    .process .span-6 .span-6:last-child {
        float: left;
        margin: 0;
        position: static;
        width: 50%;
    }

    .process-box {
        margin: 0 5% 25px;
        width: 90%;
    }

    .mCSB_horizontal.mCSB_inside > .mCSB_container {
        width: auto !important;
    }
}

@media only screen and (max-width:767px) {
    .container {
        width: calc(100% - 32px);
    }

    .content {
        padding-top: 45px;
    }

    .span-4 {
        box-sizing: border-box;
        float: left;
        padding: 0 12px;
        width: 50%;
    }

    .about-service .span-4 {
        padding: 0 12px;
    }

    .portfolio-data .mix {
        width: 33.333%;
    }

    .clients-inr .item {
        width: 32.5%;
    }

    .btn-bar li {
        font-size: 14px;
        padding: 8px 12px;
    }

    .ftr-main-contact {
        display: block;
        margin: 10px 0 0;
        max-width: 100%;
        padding-left: 0;
    }

    .map iframe {
        height: 280px;
    }
}

@media only screen and (max-width:600px) {
    .top-part .container {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 8px 0;
    }

    .top-cntct-detail,
    .top-social {
        float: none;
        text-align: center;
        width: 100%;
    }

    .top-cntct-detail .cntct-content {
        margin: 3px 8px !important;
    }

    .top-social {
        margin-top: 6px;
    }

    .logo {
        text-align: center;
        width: 100%;
    }

    .logo img {
        width: min(223px, 100%);
    }

    .heading h1,
    .heading h2 {
        font-size: 30px;
    }

    h3.highlight {
        font-size: 23px;
    }

    .process-right {
        display: block;
    }

    .process-right > .span-6,
    .process .span-6 .span-6,
    .process .span-6 .span-6:first-child,
    .process .span-6 .span-6:last-child {
        width: 100%;
    }

    .process-box {
        margin-left: 5%;
        margin-right: 5%;
    }

    .products .product-box .item {
        margin: 0 1% 20px;
        width: 48%;
    }

    .portfolio-data .mix,
    .clients-inr .item {
        width: 50%;
    }

    .form-group .form-group-inline {
        margin: 0 0 15px !important;
        width: 100%;
    }

    .form-group .inpt input,
    .form-group.full-width .inpt input,
    .form-group.full-width .inpt textarea,
    .form-group .inpt textarea {
        max-width: 100%;
        width: 100%;
    }

    .tble-design {
        min-width: 620px;
    }

    .modal {
        margin: 0 auto;
        max-width: calc(100vw - 32px);
        width: 320px;
    }
}

@media only screen and (max-width:480px) {
    .container {
        width: calc(100% - 24px);
    }

    .top-cntct-detail .cntct-content {
        display: block;
        margin: 4px 0 !important;
    }

    .slide-main {
        display: block;
    }

    .slide-data {
        left: 5%;
        top: 12%;
        width: 58%;
    }

    .slide-data h2 {
        display: block;
        font-size: clamp(16px, 5vw, 22px);
        line-height: 1.15;
        width: 100%;
    }

    .slide-data .btn {
        font-size: 11px;
        padding: 7px 9px;
    }

    .slide-img {
        right: 2%;
        top: 16%;
        width: 46%;
    }

    .span-4,
    .portfolio-data .mix,
    .clients-inr .item,
    .products .product-box .item {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .about-service .span-4 {
        padding: 0;
    }

    .heading h1,
    .heading h2 {
        font-size: 25px;
    }

    h3.highlight {
        font-size: 20px;
    }

    .inner-heading h3 {
        font-size: 18px;
    }

    .btn-bar li {
        display: block;
        text-align: left;
        width: 100%;
    }

    .map iframe {
        height: 220px;
    }
}