@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1170px) {
     .container {
        width: 970px;
        margin: 0 auto;
    }
	.hp_banner_section{
		min-height: 470px;
	}
	.hp_banner_section {
		min-height: 426px;
	}
	.inner_banner_text{
		margin-top: 58px;
	}
	.how_we_do_2{
		margin-top: 0;
	}
	.how_we_do_2 p {		
		font-size: 15px;
		line-height: 20px;
	}
	.how_we_do_2 img {
		width: 90px;
		height: 90px;
	}
	.how_we_do_1 p {		
		font-size: 15px;
		line-height: 20px;
	}
	.how_we_do_1 img {
		width: 90px;
		height: 90px;
	}
	
	
	
}
 @media  screen and (max-width: 980px) {
     .container {
         width: 700px;
         margin: 0 auto;
    }
	.detail_sec ul li{
		margin-left: 4px;
	}
	.menu_sec ul li a{
		padding: 12px 22px;
	}	
	.inner_banner_text h2{
		font-size: 28px;
	}
	.inner_banner_text p{
		font-size: 16px;
	}
	.inner_banner_text{
		width: 50%;
	}
	
	.how_we_do_2 img {
		width: auto;
		height: auto;
	}
	.how_we_do_1 img {
		width: auto;
		height: auto;
	}
	.serv_box h4 {
		color: #fff;
		font-size: 16px;
	}
	.inner_banner_text{
		margin-top: 22px;
	}
	body{
		    overflow-x: hidden;
	}
	.inner_page_banner{
		min-height: 195px;
	}
	.inner_page_banner_text {		
		margin-top: 70px;
	}
}


 
@media  screen and (max-width: 767px) {
	.col-xs-3.top_head_col_xs_3 {
		width: 100%;
		float: left;
	}
	.menu_sec {    
		display: none;
	}
	.top_header_section{
		 padding: 20px 0;
	}
	.detail_sec ul li a{
		font-size: 14px;
		padding: 10px 11px 10px 0;
	}
	.detail_sec ul li {
		margin-left: 4px;
		margin-bottom: 23px;
	}
	.detail_sec{
		float: left;
	}
	.hp_banner_section {
		min-height: 230px;
	}
	.inner_banner_text {
		width: 61%;
	}
	.inner_banner_text a{
		font-size: 14px;
		padding: 6px 17px;
	}
	.inner_banner_text{
		margin-top: 22px;
	}
	.inner_banner_text h2 {
		font-size: 20px;
		    line-height: 12px;
	}
	.inner_banner_text p {
		font-size: 14px;
		line-height: 21px;
	}
	/*responsive menu*/
     .mob_header {
         display: block;
    }
     .col-lg-3.col-md-3.col-sm-12.col-xm-12.logo_sec_info {
         display: inline-block;
    }
     .logo_sec img {
        
         margin-bottom: 0px;
    }
     .menu_btn_open {
        float: right;
		margin-top: 0;
		margin-right: 0;
		position: relative;
		
    }
     .menu_open {
         font-size: 40px !important;
         color: #fff;
         cursor: pointer;
    }
     .menu_btn_close {
         float: right;
         margin-right:20px;
         margin-top: 8px;
    }
     .fa.fa-times.menu_close {
         font-size: 21px;
         color: #fff;
         cursor: pointer;
    }
     .topnav.mob_menu.active{
         right: 0%;
         top: 0px;
         -webkit-transition: all 1s ease-in-out;
         -moz-transition: all 1s ease-in-out;
         -o-transition: all 1s ease-in-out;
         transition: all 1s ease-in-out;
    }
     .site_hp.active {
         overflow-y: hidden;
    }
     .mob_menu {
         position: fixed;
         right: -100%;
         top: 0px;
         background-color: #104076;
         width: 402px;
         z-index: +999;
         height: auto;
         display: block;
    }
     .mob_menu ul {
         width: 100%;
    }
     .mob_menu li {
         padding: 10px 24px;
         border-bottom: 1px solid #ffffff8f;
         list-style: none;
    }
     .mob_menu a {
         color: #fff;
         font-size: 16px;
         text-align: left;
    }
    
     .mob_menu li.active a {
         color: #fff;
         font-weight: 600;
    }
     .mob_menu {
         width: 100%;
         height: 100%;
    }
    /*responsive menu*/
	
	.hp_text_block h2{
		font-size: 20px;
		padding-bottom: 20px;
	}
	.hp_text_block p br {
		display: none;
	}
	.how_we_do_1 {
		width: 100%;
		    margin: 21px 0;
	}
	.how_we_do_2 {
		width: 100%;
		margin: 21px 0;
	}
	.how_we_do_1 p {		
		font-size: 20px;
		line-height: 20px;
		margin-top:20px;
	}
	.how_we_do_2 p {		
		font-size: 20px;
		line-height: 20px;
		margin-top:20px;
	}
	.inner_banner_text {
		width: 100%;
	}
	
} 
 
 @media only screen and (max-width: 480px) {
	 
	.container {
		width: 100%;
		margin: 0 auto;
		max-width:90%
	}
	.how_we_do_1 img {
		width: 100px;
		height: 100px;
	}
	.how_we_do_2 img {
		width: 100px;
		height: 100px;
	}
	.inner_banner_text {
		width: 60%;
	}
	.inner_page_banner{
		    min-height: 140px;
	}
	.inner_page_banner_text {
		display: block;
		margin-top: 30px;
	}
	.inner_page_banner_text h2{
		    font-size: 22px;
	}
	.side_bar ul.sidebar-nav.nav li a{
		font-size: 15px;
		padding: 13px 6px;
	}
	.serv_title h3{
		font-size: 18px;
	}
	.serv_box{
		margin: 20px 0;
	}
}
@media only screen and (max-width: 414px) {
	.inner_banner_text p {    
		display: none;
	}
	.inner_banner_text {
		margin-top: 20px;
	}
	.inner_banner_text h2 {
		font-size: 22px;
		line-height: 26px;
	}
	.inner_banner_text {
		margin-top: 58px;
	}
	.inner_page_banner_text h2{
		    font-size: 22px;
	}
	
  }
 
@media only screen and (max-width: 320px) {

	.hp_banner_section {
		min-height: 152px;
		height: 152px;
	}
		.inner_banner_text {
		margin-top: 20px;
	}
	.inner_page_banner_text h2{
		    font-size: 22px;
	}
	.side_bar ul.sidebar-nav.nav li a{
		    font-size: 15px;
		padding: 13px 6px;
	}
}