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

    .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;
            width: 100%;
        }
        
        .inner-drop ul li{
            width: 100%;
        }
        
        #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;
    }
    
    .logo img {
        width: 100%
    }
    
    .logo{
        width: 200px;
        margin-top: 10px;
    }
    .top-cntct-detail span, .top-cntct-detail .cntct-dtl{
        font-size: 15px;
    }
    
    .top-cntct-detail{
        margin-top: 10px;
    }
    

}

@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;
    }
    
    .form-center{
        width: 100%;
    }
    

}

@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: 370px !important;
            //padding: 30px 0;
            margin:0;
            margin-bottom:15px;
        }
        
        #footer .row{
            width: 100%;
            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;
        }
        
        p{
            font-size: 15px;
        }

 
        
        .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;
        }
        
        .img-bg{
            background-size: 100% 50%;
        }
        
        .design-img img {
            width: 90%;
        }
	
}

@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{
        margin-top: 0;
    }
    
    .top-cntct-detail .cntct-content{
        float: left;
    }
    .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){


    


    .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%;
    }

    .cntct-details .span-5, .cntct-details .span-7{
        float: left;
        width: 100%;
    }
    
    
    
    
}

@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;
    }
    
    .ftr-padding .span-12.text-center{
        text-align: left;
    }
    
}

@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%;
    }
    .img-bg {
        display: none;
    }
 }

@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;
        }
        
        .img-bg{
            background-size: 100% 49%;
        }
        #footer .span-3{
            width: 300px !important;
        }
        

}



@media only screen and (max-width:320px){
    .btn{
        margin-bottom: 5px;
    }
    
     .modal{
        width: 230px;
    }
    
    .img-bg{
        background-size: 100% 48%;
    }
    
}