﻿	
@media screen and (max-width: 1440px) {
   header .nav ul li {margin:0 5px;}
   .banner-video .banner_caption{top:60%; left:5%;}
   .banner-video .banner_caption h5{font-size: 16px; line-height:20px; margin-bottom:10px;}
.banner-video .banner_caption h1{font-size: 40px; line-height:50px; margin-bottom:20px;}
.banner-video .banner_caption p{font-size: 18px; line-height: 26px; margin-bottom:30px;}
.banner-video .banner_caption a{ font-size: 16px;}
.about .abouttext p{font-size: 20px; line-height:30px;}
.about .aboutbx .aboutbxR p{font-size: 16px; line-height:26px;}
.projects .projectsbx h3{font-size: 20px;  line-height: 28px;}
.projects .projectsbx p{font-size: 16px;  line-height: 22px;}
.csrbx .csrbxR h5{font-size: 26px;  line-height:34px; }
.csrbx .csrbxR h6{font-size: 20px;  line-height:30px; }
.oprtunitybx ul li a{font-size:20px;}
.testimonialbx .testybx .testybx_txt h6{font-size: 22px;}
.testimonialbx .testybx .testybx_txt p{font-size: 18px;}
.newsthumb .newsthumb_text h4{font-size:22px; line-height:30px;}
}























@media only screen and (max-width: 767px){
    /********* Start Header **********/
    
    header .menu_in {display: block;justify-content: inherit;align-items: inherit;flex-wrap: inherit;position: relative;/*top:-4px;right:-15px;*/}
    header .hdr_logo, .header_fixed .fixedlogo {padding: 0px 0 0 10px;width: 79%;float: left;}
    header .menu_in .nav {width: 8%;display: inline-block; margin: 0 10px 0 0;padding: 0;}
    header .navbar {padding: 0;position: inherit;}
    header .mobtx {display: inline-block;width: 10%;margin-top: 6px;margin-right:0;}
    header .nav .navbar-toggle {    margin: 3px 0 0 0;
        border: 1px solid #000;
        display: block;
        position: relative;
        float: right;
        padding: 9px 10px;
        background: none;
        border: none;}
    header .nav .navbar-toggle:focus{outline: none;}
    header .nav .navbar-toggle .icon-bar {background: #000;display: block;width: 22px;height: 2px;border-radius: 1px;margin-bottom: 5px;}
    header .nav .navbar-toggle .icon-bar:last-child{margin-bottom: 0;}
    header .nav .navbar-collapse {top: 55px;width: 100%;left: 0px;z-index: 999;background: #072837;box-sizing: border-box;overflow: inherit;}
    header .nav .collapse.in{display: block;     left: 0;}
    header .nav ul li{display: block; width: 100%;border-bottom: 1px solid #204e63;float: left;width: 100%;}
    header .nav ul li a, .header_fixed .nav ul li a {line-height: 20px;padding:15px 20px; color: #fff;}
    header .nav .navbar-collapse { width: 80%;  left: 0px;   z-index: 999; background: #072837; box-sizing: border-box;      overflow: inherit;   transition: all ease .5s;     position: fixed;       top: 0;  height: 100% !important;      padding: 20px;  left: -100%;  }
	header .nav ul li a.dropdown-toggle::after{color:#fff;}
    header {
        position: initial;
        padding: 10px 20px;
    }
    
    .header_fixed{
        position: fixed;
    }
    
        header .menu_in .clogobox {
        width: 88%;
        float: left;
        padding: 0;
    }
    
    header .menu_in .clogobox a.hdr_logo {
        font-size: 0;
        padding: 0;
    }
    
    header .mobtx {
        display: block;
        width: 100%;
        display:none;
    }
    
    header .nav .navbar-collapse {
      /*  position: absolute;
        /* height: 100%; */
        float: left;*/
    }
    
    .hdr_logo img {
        max-height: 40px;
    }
    header .nav ul li { margin-left: 0;}
    .sticky { height: 60px;}
	footer .footer-bottom .foot-L { float: none; width: 100%;  text-align: center;}
	footer .footer-bottom .foot-R { float: none; width: 100%;  text-align: center;}
    .banner-home img, .banner img{height:250px;}
    }
	
@media screen and (max-width: 430px) {
    .dealsbx .dealsbxin {width: 100%; margin: 10px 0;}
}