@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	overflow-x:hidden;
	/*font-family: 'lato', sans-serif;
	font-family: 'Roboto', sans-serif;*/
	font-family: 'Raleway', sans-serif;
}
.clear {
	clear:both;
}
a {
	text-decoration:none;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
.bg {
	height: auto;
	width: 100%;
}
.container {
    height: auto;
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
}
.header {
    background-color: rgba(255, 255, 255, 0.5);
    height: auto;
    position: absolute;
    width: 100%;
    z-index: 9;
}

.logo {
    float: left;
    padding: 5px 0 0;
}
.logo img {
    width: 100%;
}
.menu_toggle > img {
    display: none;
}
.top_menu {
    float: right;
    height: auto;
    padding: 0 0;
    width: 33%;
    z-index: 9;
}
.top_menu li {
    display: inline-block;
    font-family: "lato",sans-serif;
    font-size: 13px;
    padding: 45px 15px;
}
.top_menu li a {
    color: #020944;
    /*padding: 32px 0;*/
}
.top_menu li a:hover{
	color:#fff;
	font-weight:bold} 
.top_menu li.active{
	background:url(../images/hover.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	}
.banner{
	background-image:url(../images/banner.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:541px;
}
.banner h1 {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    margin: 0;
    text-align: center;
}
.banner h6 {
    color: #fff;
    font-family: 'Dancing Script', cursive;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    margin: 0;
    text-align: center;
	background-image:url(../images/line.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding: 0 0 10px;
}
.caption {
    padding: 220px 0 0;
}
.contact{
	background-image:url(../images/contact_bg.png);
	background-size:100% 100%;
	width: 822px;
	height:164px;
	margin: -80px auto 0;}

.contact1 {
    border: 1px solid #fff;
    height: auto;
    margin: 0;
    padding: 1px -1px;
    width: 30%;
}
.contact1, .contact2, .contact3 {
    border: 1px solid #fff;
    box-sizing: border-box;
    float: left;
    height: 143px;
    margin: 10px 0 0 15px;
    width: 31%;
}
#sub {
    font-size: 16px;
    padding: 0 0 0 89px;
}
#sub2 {
    font-size: 16px;
    padding: 0 0 0 74px;
}
#sub3 {
    font-size: 16px;
    padding: 0 0 0 56px;
}
.contact1 {
    background-image: url("../images/contact_1.png");
    background-position: 55px center;
    background-repeat: no-repeat;
}
.contact2 {
    background-image: url("../images/contact_2.png");
    background-position: 23px center;
    background-repeat: no-repeat;
}
.contact3 {
    background-image: url("../images/contact_3.png");
    background-position: 15px center;
    background-repeat: no-repeat;
}	
.contact p{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#fff;
	font-weight: 500;
	margin: 0;}
.contact1 p {
    padding: 49px 0 0 90px;
}
.contact2 p {
    padding: 40px 0 0 75px;
}	
.contact3 p{
	padding: 48px 0 0 56px}	
.serv_link {
    float: left;
    margin:0 0 0 30px;
    padding: 0;
    width: 17%;
}
.serv_link > h4 {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
}
.serv_link > p {
    color: #767171;
    font-size: 15px;
    margin: 0;
    padding: 15px 0;
    text-align: left;
	line-height:1.8;
}

.serv_link > a{
	color:#f89e29;
	font-family: "Lato",sans-serif;
	background-image:url(../images/arrow3.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:25px;
	font-weight:bold;} 
.serv {
    height: auto;
    margin: 50px 0;
    padding: 0;
    width: 100%;
}
.serv_bg {
    margin: 60px 0 30px;
}
.serv_bg h4 {
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 15px;
    text-align: left;
}
.serv_bg h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 0;
    padding-top: 15px;
	font-weight: 500;
}
.left_content {
    float: left;
    height: auto;
    margin: 0;
    width: 30%;
}
.serv_menu {
    float: left;
    height: auto;
    margin: 2px 0 0 15px;
    padding: 0;
    width: 100%;
}
.serv_menu li {
    display: block;
    font-family: "lato",sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 25px;
}
.serv_menu li a {
    color: #010522;
    font-weight: bold;
}
.serv_menu li a:hover{
	color:#f89e29;
	background-image:url(../images/arrow2.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:35px} 
.serv_menu .active a{
	color:#f89e29 !important;
	background-image:url(../images/arrow2.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:35px}
.right_content {
    float: left;
    height: auto;
    margin: 0 0 0 35px;
    width: 66%;
}	
.right_content h5 {
    color: #f89e29;
    font-family: "Roboto",sans-serif;
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    padding: 4px 0 0 15px;
}
.right_content p {
    color: #1a1a1b;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    padding: 15px 5px 20px 15px;
    text-align: left;
}
.right_content li {
    color: #1a1a1b;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 400;
    list-style-image: url("../images/tick.png");
    margin-bottom: 15px;
    padding-left: 5px;
}
.right_content > ul {
    margin: 0;
    padding: 0 0 0 70px;
}
.serv_cover {
    height: auto;
    margin: 0 auto;
    width: 82%;
}
.list1 {
    background-color: #f7f6f6;
    float: left;
    height: auto;
    margin: 0 0 0 20px;
    padding: 0 0 35px;
    text-align: center;
    width: 31%;
}

/*.serv_pic > img {
    width: 100%;
}*/
.left_content p {
    color: #454547;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    padding: 10px 5px 20px 15px;
    text-align: left;
}
/*.list1.list_pad {
    margin: 0 0 0 125px;
}*/
.about_bg {
	background-image:url(../images/about_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
    padding: 30px 0;
	height:auto;
}
.about_bg h4 {
    font-size: 30px;
    margin: 0;
    padding: 0 0 30px;
    text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color:#FFF;
}
.about_bg span{color:#f89e29;}
.about_bg p {
    color: #d5d3d6;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    line-height: 1.8;
    margin: 0 auto;
    padding: 0 30px 30px 15px;
}
.ab_content {
    float: left;
    text-align: justify;
    width: 54%;
}
.ab_pic {
    float: left;
    padding: 10px 0 50px 15px;
    width: 43%;
}
.ab_pic > img {
    width: 100%;
}
.ab_cover {
    height: auto;
    margin: 0 auto;
    width: 100%;
}
.ab_content > a {
    border: 1px solid #f89e29;
    border-radius: 3px;
    color: #f89e29;
    font-family: 'Roboto', sans-serif;
    padding: 8px 13px;
	margin: 0 0 0 15px;
}
.testimonial {
    background: rgba(0, 0, 0, 0) url("../images/test_bg2.png") no-repeat scroll 0 0 / 100% 100%;
    height: auto;
    margin: -27px 0 0;
    padding: 56px 0 45px;
}	
.testimonial h4 {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 20px;
    text-align: center;
}
.review{
	border:solid #ece8e2 1px;
	background-color:#475769;
	width:53%;
	height:200px;
	 margin: 0 auto;}
.client {
    float: left;
    margin: 114px 0 0 13px;
    width: 34%;
}	 
.client h6 {
    color: #f9f9fc;
    float: left;
    font-family: "Roboto",sans-serif;
    font-size: 19px;
    font-weight: 400;
    margin: 0;
    padding: 37px 0 0 8px;
}
.client span{
	display:block;
	color:#d4d5db;
}
.client > img {
    float: left;
}
.test_content p {
    background-image: url("../images/coma2.png");
    background-position: 202px 132px;
    background-repeat: no-repeat;
    color: #f9fafd;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
    padding: 41px 0;
    text-align: justify;
}
.test_content {
    float: left;
    width: 53%;
}
.coma1 {
    float: left;
    padding: 39px 8px 0 0;
    
}
.coma2 {
    position: absolute;
}	
.companies {
    
	
	background-repeat:no-repeat;
	background-size:100% 100%;
	 height: 80px;
}

.footer {
    background-color: #050505;
    height: auto;
	margin: -1px 0 0;
    /*margin-top: 10px;*/
    padding: 0 0 30px;
}
	
#f_logo > img {
    padding: 30px 0 0;
	width: 100%;
}
.footer p{
	color:#e0e0e4;
	font-size:15px;
	font-family: 'lato', sans-serif;
	line-height: 1.8;}
#f_logo {
    width: 38%;
	float:left;
}
#f_logo > p {
    margin: 0;
    padding: 0 0 0 98px;
    text-align: justify;
	margin: -15px 0 0;
}
#extra > h5 {
    color: #e1e3f0;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
	margin: 36px 0 20px;
}
#info > h5 {
    color: #e1e3f0;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
	margin: 36px 0 20px;
}
#extra {
    margin: 20px 0 20px 60px;
	float:left;
}
#info {
    float: left;
    margin: 35px 0 20px 140px;
    width: 18%;
}
section{
	height:auto}
section ul li a{
	color:#e0dcdc;
	font-size:14px;
	font-family: 'lato', sans-serif;}	
section ul li a:hover{
	color:#f89e29;
	font-weight:bold}	
section ul li{
	padding-bottom:8px;
	padding-top: 7px;}
#addr {
    margin: 35px 0 0 60px;
	float:left;
    
}#addr > h5 {
    color: #e1e3f0;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
	margin: 36px 0 20px;
}
#addr > p {
    margin: 0;
	font-family: 'lato', sans-serif;
}
.copy {
    background-color: #3b3939;
    height: auto;
    padding: 0;
}
.copy p {
    color: #f0f1f4;
    display:inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 20px 0;
}
.copy_left {
   
    width: 50%;
	float:left;
}
.copy_right {
    display: inline-block;
   
    width: 50%;
}
.social > li {
    display: inline-block;
    padding: 15px 8px;
}
.social {
    display: inline;
    width: 44%;
	margin: 0 0 0 25px;
}


.copy_right > p {
    padding: 0 0 0 105px;
}
/***aboutus*****/
.about_banner{
	background-image:url(../images/about_banner.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:419px;
}
.ab_head {
    background-image: url("../images/head_bg.png");
    background-size: 100% 100%;
    height: 181px;
    margin: -77px auto 0;
    width: 44%;
}
.ab_head h1 {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 40px;
	font-weight: 500;
    margin: 0;
    padding: 59px 0;
    text-align: center;
}
.aboutus h4 {
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 40px 0 30px;
    text-align: center;
}
.about_left {
    float: left;
    height: auto;
    margin: 0;
    padding: 60px 0 0 15px;
    width: 52%;
}
.about_right {
    float: left;
    height: auto;
    margin: 0;
    padding: 0 0 0 25px;
    width: 44%;
}
.about_right > img {
    width: 100%;
}

.about_left p {
    color: #252729;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    line-height: 2;
    margin: 0 auto;
    padding: 0 15px 30px;
    text-align: justify;
}
.about_left > a {
    border: 1px solid #050505;
    border-radius: 3px;
    color: #050505;
    font-family: 'Roboto', sans-serif;
    padding: 8px 13px;
	margin: 0 0 0 15px;
}	
	
/***aboutus*****/
.service_banner{
	background-image:url(../images/service_banner.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:419px;
}
#road{
	background-image:url(../images/over_the_road.png);
}
#rail{
	background-image:url(../images/rail.png);
}
#ocean{
	background-image:url(../images/ocean.png);
}
#air{
	background-image:url(../images/air.png);
}
#customs{
	background-image:url(../images/customs.png);
}
.sr_head {
    background-image: url("../images/head_bg.png");
    background-size: 100% 100%;
    height: 181px;
    margin: -77px auto 0;
    width: 44%;
}
.sr_head h1 {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 40px;
	font-weight: 500;
    margin: 0;
    padding: 59px 0;
    text-align: center;
}
.services h4 {
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 40px 0 30px;
    text-align: center;
}
.list2 {
    background-color: #f7f6f6;
    float: left;
    height: auto;
    margin: 0 0 0 20px;
    padding: 0 0 35px;
    text-align: center;
    width: 31%;
}
.service_bg a {
	background-color:#38414a;
    border-radius: 3px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    padding: 8px 13px;
}
/*.serv_pic > img {
    width: 100%;
}*/
.list2 p {
    color: #58595d;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
    padding: 10px 5px 20px;
    text-align: center;
}
.service h4 {
    font-size: 30px;
    margin: 0;
    padding: 0 0 30px;
    text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.services h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 0;
    padding-top: 15px;
	font-weight: 500;
}
.service_bg {
    height: auto;
    margin: 0 auto;
    width: 82%;
}
.services {
    padding: 0 0 40px;
}
.logistic{
	background-image:url(../images/service_bg2.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:317px;
}
.log_left {
    /*float: left;*/
    height: auto;
    margin: 0 auto;
     padding: 75px 0 0;
    width: 48%;
}
.service_pic {
    float: left;
    margin: 0;
    padding: 0;
}
.sr_content {
    float: left;
    margin: 0;
    padding: 0;
    width: 47%;
}
.sr_content > h5 {
    color: #f89e29;
    font-size: 18px;
    margin: 0;
    padding:0 15px;
	font-family: 'Roboto', sans-serif;
}
.sr_content > p {
    color: #e1dcdc;
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
    padding: 0 0 0 15px;
}
/**contactus**/
.contact_banner{
	background-image:url(../images/contact_banner.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:419px;
}
.contactus h4 {
    font-size: 30px;
    margin: 0;
    padding: 15px 0 30px;
    text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.c1 p#mail {
    color: #252729;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: bold;
	margin:0;
}
.c1 > p {
    color: #252729;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight:500;
	margin:0;
	 padding: 4px 0 0;
}
.c1 {
    float: left;
    height: auto;
    margin: 0;
    width: 33%;
}
.connect {
    height: auto;
    margin: 0 auto;
    width: 70%;
	 padding: 40px 0;
}
.c_pic {
    float: left;
    padding: 0 10px 0 0;
}
.field1,.field2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #958e8e;
    border-radius: 4px;
    color: #959493;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    font-weight: 500;
    height: 40px;
    padding-left: 22px;
    text-align: left;
    width: 44%;
}
.field2{margin: 0 0 0 9px;}
.field3{
	border:hidden;
	display: block;
    height: 40px;
    text-align: left;
    width: 95%;
	border: 1px solid #958e8e;
    border-radius: 4px;
    margin: 15px 0 0;
	background:none;
	
	 font-size: 13px;
	 font-weight:500;
	 color:#959493;
	 padding-left: 22px;
	 font-family: "Raleway",sans-serif;
}
.fielda{
	border:hidden;
	height: 136px;
    text-align: left;
    width:96%;
	border: 1px solid #958e8e;
    border-radius: 4px;
    margin: 0 0 0;
	background:none;
	float: right;
	font-family: Raleway;
	 font-size: 13px;
	 font-weight:500;
	 color:#959493;
	  padding: 17px 0 0 23px;
	   margin: 15px 0 0;
	   font-family: "Raleway",sans-serif;
}
.contact_form a {
    background-color: #f89e29;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 17px;
    margin: 22px auto 20px;
    padding: 7px 22px;
    text-align: center;
    transition: all 0.6s ease 0s;
    width: 10%;
	font-family: "Roboto",sans-serif;
}
.con_left {
    float: left;
    margin: 0;
     padding: 0 60px;
    width: 36%;
}
.con_right {
    float: left;
    margin: 0;
   padding: 70px 0 0 30px;
   width: 48%;
}
.connect3{
	background-image:url(../images/contactus_bg2.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:auto;
}
.touch {
    height: auto;
    margin: 0 auto;
    padding: 55px 0;
    width: 83%;
}
.c2 p#mail2 {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: bold;
	margin:0;
	padding: 13px 0 0;
}
.c2 > p {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight:500;
	margin:0;
	 padding: 4px 0 0;
}
.c2 {
    float: left;
    height: auto;
    margin: 0 0 0 42px;
    width: 29%;
}	
.c_pic2 {
    float: left;
    padding: 0 10px 0 0;
}
#icon {
    width: 28%;
}
#icon2 {
    margin: 0 0 0 120px;
}
#icon3 {
    width: 19%;
}
/*************Responsive*************/
@media (min-width:250px) and (max-width:1160px){
.top_menu {
   
    width: 35%;
   
}	
	
	
}
@media (min-width:250px) and (max-width:1100px){
.top_menu {
    width: 37%;
}
	
	
}	
@media (min-width:250px) and (max-width:1040px){
.top_menu {
    width: 39%;
}
	
	
}
@media (min-width:250px) and (max-width:990px){
.top_menu {
    width: 42%;
}
	
	
}	
@media (min-width:250px) and (max-width:920px){
.top_menu {
    width: 45%;
}
	
	
}	
@media (min-width:250px) and (max-width:860px){

	.top_menu {
    width: 46%;
	/*float:none;*/
}
	
}	
@media (min-width:250px) and (max-width:840px){

.top_menu li.active {
    
    padding: 10px;
}
.top_menu li {
   
    padding: 0 15px 15px;
}
.top_menu {
    width: 70%;
}	
}
@media (min-width:250px) and (max-width:770px){
.top_menu {
    width: 75%;
}
}
@media (min-width:250px) and (max-width:620px){
.top_menu {
    width: 80%;
}
}
@media (min-width:250px) and (max-width:570px){
.top_menu {
    width: 83%;
}
}
@media (min-width:250px) and (max-width:520px){
.top_menu {
    width: 88%;
}

}
@media (min-width:250px) and (max-width:460px){
.top_menu {
    width: 91%;
}
}
@media (min-width:250px) and (max-width:435px){
.top_menu {
    width: 94%;
}
}
@media (min-width:250px) and (max-width:410px){
.top_menu {
    width: 96%;
}
}
@media (min-width:250px) and (max-width:400px){
.top_menu {
    width: 62%;
}
.top_menu li {
    padding: 0 10px 15px;
}
.top_menu li.active {
    background-position:left center;;
}
.top_menu li {
    display: block;
   
}
}
@media (min-width:250px) and (max-width:360px){
.top_menu {
    width: 65%;
}
}
@media (min-width:250px) and (max-width:580px){
.banner h1 {
   
    font-size: 40px;
   
}
}
@media (min-width:250px) and (max-width:470px){
.banner h1 {
    font-size: 35px;
}
}
@media (min-width:250px) and (max-width:470px){
.banner h1 {
    font-size: 28px;
}
}
@media (min-width:250px) and (max-width:400px){
.caption {
    padding: 280px 0 0;
}
}
@media (min-width:250px) and (max-width:330px){
.banner h1 {
    font-size: 25px;
}
}
@media (min-width:250px) and (max-width:850px){
.contact {
  
    height: 430px;
    width: 410px;
	padding: 15px 0 56px;
}
.contact1, .contact2, .contact3 {
   
    float: none;
    height: 143px;
    margin: 10px auto;	
    width: 90%;
}
}
@media (min-width:250px) and (max-width:440px){
.contact {
    height: 430px;
    padding: 15px 0 55px;
    width: 300px;
}
.contact1, .contact2, .contact3 {
   
    margin: 10px auto;

}
}
@media (min-width:250px) and (max-width:330px){
.contact {
    
    width: 285px;
}
}
/*****service*****/
@media (min-width:250px) and (max-width:1165px){
.serv_cover {
    
    width: 86%;
}
}
@media (min-width:250px) and (max-width:1110px){
.serv_cover {
    width: 89%;
}
}
@media (min-width:250px) and (max-width:1075px){
.serv_cover {
    width: 92%;
}
}
@media (min-width:250px) and (max-width:1040px){
.serv_cover {
    width: 95%;
}
}
@media (min-width:250px) and (max-width:1010px){
.serv_cover {
    width: 98%;
}
}
@media (min-width:250px) and (max-width:980px){
.serv_cover {
    width: 100%;
}
}
@media (min-width:250px) and (max-width:970px){
	.list1 {
    display: block;
    float: none;

}
.serv_pic > img {
    width: 100%;
}
.list1 {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 40%;
}
}
@media (min-width:250px) and (max-width:730px){
.list1 {
   
    width: 45%;
}
}
@media (min-width:250px) and (max-width:630px){
.list1 {
    width: 50%;
}
}
@media (min-width:250px) and (max-width:580px){
.list1 {
    width: 55%;
}
}
@media (min-width:250px) and (max-width:540px){
.list1 {
    width: 60%;
}
}
@media (min-width:250px) and (max-width:450px){
.list1 {
    width: 65%;
}
}
@media (min-width:250px) and (max-width:390px){
.list1 {
    width: 80%;
}
}
@media (min-width:250px) and (max-width:350px){
.list1 {
    width: 90%;
}
}
@media (min-width:250px) and (max-width:1090px){
.ab_cover {
    
    width: 75%;
}
}
@media (min-width:250px) and (max-width:1010px){
.ab_cover {
    width: 80%;
}
}
@media (min-width:250px) and (max-width:950px){
.ab_cover {
    width: 85%;
}
}
@media (min-width:250px) and (max-width:900px){
.ab_cover {
    width: 90%;
}
.ab_content {
   
    width: 48%;
}
}
@media (min-width:250px) and (max-width:900px){
.ab_cover {
    width: 95%;
}
}
@media (min-width:250px) and (max-width:810px){
.ab_content {
    
    width: 100%;
	float:none;
}
.ab_pic {
	float:none;
	 margin: 0 auto;
}
.about_bg p {
   
    padding: 0 15px 15px 11px;
}
.ab_content > a {
    
    margin: 0 14px;
   
}
}
@media (min-width:250px) and (max-width:770px){
.ab_pic {
   
    width: 55%;
}
}
@media (min-width:250px) and (max-width:670px){
.ab_pic {
   
    width: 60%;
}
}
@media (min-width:250px) and (max-width:610px){
.ab_pic {
    width: 65%;
}
}
@media (min-width:250px) and (max-width:590px){
.ab_pic {
    width: 70%;
}
.ab_cover {
    width: 100%;
}
}
@media (min-width:250px) and (max-width:540px){
.ab_pic {
    width: 75%;
}
}
@media (min-width:250px) and (max-width:500px){
.ab_pic {
    width: 85%;
	 padding: 24px 0 0;
}
}
@media (min-width:250px) and (max-width:430px){
.ab_pic {
    width: 90%;
}
}
@media (min-width:250px) and (max-width:1190px){
.test_content p {
   
    background-position: 141px 132px;}
.review {
    
    width: 57%;
}
}
@media (min-width:250px) and (max-width:1135px){
.test_content p {
    background-position: 143px 132px;
}
.review {
    width: 60%;
}
}
@media (min-width:250px) and (max-width:1080px){
.review {
    width: 63%;
}
}
@media (min-width:250px) and (max-width:1040px){
.review {
    width: 65%;
}
}
@media (min-width:250px) and (max-width:1000px){
.review {
    width: 68%;
}
}
@media (min-width:250px) and (max-width:960px){
.review {
    width: 71%;
}
}
@media (min-width:250px) and (max-width:920px){
.test_content {
   
    width: 55%;
}
}
@media (min-width:250px) and (max-width:916px){
.test_content {
   
    width: 53%;
}
}
@media (min-width:250px) and (max-width:915px){
.review {
    width: 75%;
}
}
@media (min-width:250px) and (max-width:870px){
.review {
    width: 79%;
}
.test_content {
    width: 52%;
}
}
@media (min-width:250px) and (max-width:830px){
.review {
    width: 83%;
}
}
@media (min-width:250px) and (max-width:800px){
.test_content {
    width: 54%;
}
}
@media (min-width:250px) and (max-width:785px){
.review {
    width: 87%;
}
.test_content {
    width: 53%;
}
}
@media (min-width:250px) and (max-width:750px){
.review {
    width: 91%;
}
}
@media (min-width:250px) and (max-width:720px){
.review {
    width: 95%;
}
}
@media (min-width:250px) and (max-width:690px){
.review {
    width: 98%;
}
}
@media (min-width:250px) and (max-width:670px){
.test_content {
    
    width: 56%;
}
}
@media (min-width:250px) and (max-width:650px){
.test_content p {
    background-position: 203px 132px;
}
.test_content {
    width: 53%;
}
.client {
    
    width: 36%;
}
}
@media (min-width:250px) and (max-width:635px){
.test_content p {
    background-position: 222px 132px;
}

}
@media (min-width:250px) and (max-width:610px){
.test_content p {
    background-position: 96px 158px;
}
.test_content {
    width: 49%;
}
.client {
    width: 38%;
}

}
@media (min-width:250px) and (max-width:590px){

.review {
    
    height: auto;
    
}
.client {
    float: none;
    height: 104px;
    margin: 0 auto;
    padding: 30px 0 0;
}
.test_content {
    float:none;
    
}
.test_content p {
    background-position: 143px 132px;
}
.test_content {
    width: 63%;
	margin:0 auto;
}
.coma1 {
   
    padding: 39px 8px 0 59px;
}
}
@media (min-width:250px) and (max-width:580px){
.client {
    width: 40%;
}

}
@media (min-width:250px) and (max-width:570px){
.test_content {
   
    width: 64%;
}

}
@media (min-width:250px) and (max-width:555px){
.test_content {
    width: 67%;
}
.client {
    width: 42%;
}
}
@media (min-width:250px) and (max-width:530px){
.client {
    width: 44%;
}
.test_content {
    width: 71%;
}
}
@media (min-width:250px) and (max-width:510px){
.client {
    width: 46%;
}
.test_content {
    width: 75%;
}
}
@media (min-width:250px) and (max-width:485px){
.client {
    width: 48%;
}
.test_content {
    width: 78%;
}
}
@media (min-width:250px) and (max-width:470px){
.client {
    width: 50%;
}
.test_content {
    width: 81%;
}
}
@media (min-width:250px) and (max-width:450px){
.client {
    width: 52%;
}
.test_content {
    width: 84%;
}
}
@media (min-width:250px) and (max-width:440px){
.client {
    width: 54%;
}
.test_content {
    width: 86%;
}

}
@media (min-width:250px) and (max-width:435px){
.test_content p {
    background-position: 275px 132px;
}

}
@media (min-width:250px) and (max-width:415px){
.client {
    width: 56%;
}

}
@media (min-width:250px) and (max-width:400px){
.client {
    width: 58%;
}

}
@media (min-width:250px) and (max-width:385px){
.client {
    width: 60%;
}
.test_content {
    width: 90%;
}
.testimonial h4 {
   
    font-size: 19px;
    
}
}
@media (min-width:250px) and (max-width:375px){
.client {
    width: 65%;
}
.test_content {
    width: 95%;
}
}
@media (min-width:250px) and (max-width:350px){
.test_content {
    width: 97%;
}
.client {
    width: 68%;
}
}
@media (min-width:250px) and (max-width:340px){
.test_content {
   
    width: 100%;
}
}
@media (min-width:250px) and (max-width:335px){
.test_content p {
    background-position: 203px 157px;
}
.test_content {
    width: 85%;
}
.client {
    width: 75%;
}
}
@media (min-width:250px) and (max-width:320px){
.test_content {
    width: 90%;
}
}
@media (min-width:250px) and (max-width:1075px){
.footer p {
  
    font-size: 13px;
   
}
#extra > h5 {
   
    font-size: 18px;
   
}
#info > h5 {
   
    font-size: 18px;
   
}
#addr > h5 {
    font-size: 18px;
}
section ul li a {
    
    font-size: 12px;
}
}
@media (min-width:250px) and (max-width:960px){
#addr {
   
    width: 18%;
}
#info {
   
    width: 13%;
}
#addr {
    
    width: 18%;
}
}
@media (min-width:250px) and (max-width:910px){
#extra {
    
    margin: 20px 0 20px 40px;
}
#info {
    float: left;
    margin: 20px 0 20px 40px;
}
#addr {
    float: left;
    margin: 20px 0 0 40px;
}
#addr {
    width: 20%;
}
}
@media (min-width:250px) and (max-width:820px){

#extra {
    
    margin: 20px 0 20px 50px;
	width:25%;
}
#info {
   
    margin: 20px 0 20px 50px;
	width:25%;
	}
#addr {
   
    margin: 20px 0 0 50px;
}

#f_logo {
    display: block;
    float: none;
    width: 90%;
}
#f_logo > img {
    padding: 30px 0 0;
    width: 64%;
}
#extra {
    display: inline-block;
    float: none;
    
}
#info {
    display: inline-block;
    float: none;
    
}
#addr {
    display: inline-block;
    float: none;
    width: 25%;
}
#addr > p {
   
    padding: 4px 0 0;
}
}
@media (min-width:250px) and (max-width:805px){
#addr {
 
    width: 29%;
}
}
@media (min-width:250px) and (max-width:770px){
#extra {
   
    width: 23%;
}#info {
   
    width: 23%;
}
}
@media (min-width:250px) and (max-width:750px){
#info {
    width: 20%;
}
#f_logo {
    
    width: 50%;
}
.footer p {
    font-size: 14px;
}
#extra > h5 {
   
    font-size: 20px;
   
}
#info > h5 {
   
    font-size: 20px;
   
}
#addr > h5 {
    font-size: 20px;
}
#extra {
    
    margin: 20px 0 20px 50px;
	width: 20%;
}
#info {
   
    margin: 20px 0 20px 50px;
}
#addr {
   
    margin: 20px 0 0 25px;
}
}
@media (min-width:250px) and (max-width:750px){
#extra {
    display: inline-block;
	float:none;
}
#info {
    display: inline-block;
    float: none;
}
#addr {
    display: inline-block;
    float: none;
    margin: 20px 0 0 25px;
}
#f_logo > img {
 
    width: 60%;
}
#f_logo {
    width: 90%;
	margin:0 auto;
	float:none;
}
#f_logo > p {
  
    padding: 0 0 0 24px;
   
} 
#addr > p {
   
    padding: 2px 0 0;
}
#addr {
    width: 35%;
}  
}
@media (min-width:250px) and (max-width:680px){
#f_logo > img {
    width: 70%;
}
}
@media (min-width:250px) and (max-width:640px){
#extra {
    
    width: 17%;
}
#addr {
    width: 40%;
}
}
@media (min-width:250px) and (max-width:600px){
#info {
    margin: 20px 0 20px 25px;
}
}
@media (min-width:250px) and (max-width:590px){
#info {
    width: 21%;
}
#extra {
    width: 18%;
}
}
@media (min-width:250px) and (max-width:560px){
#extra {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#info {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#addr {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#extra > h5 {
    font-size: 22px;
}
#info > h5 {
    font-size: 22px;
}
#addr > h5 {
    font-size: 22px;
}
section ul li a {
    font-size: 14px;
}
.footer p {
    font-size: 15px;
}
#f_logo > img {
    width: 90%;
}
}
@media (min-width:250px) and (max-width:440px){
#f_logo > img {
    width: 100%;
}
}
@media (min-width:250px) and (max-width:1080px){
.copy_right > p {
    padding: 0 0 0 80px;
}
}
@media (min-width:250px) and (max-width:1030px){
.copy_right > p {
    padding: 0 0 0 55px;
}
}
@media (min-width:250px) and (max-width:980px){
.copy_right > p {
    padding: 0 0 0 20px;
}
}
@media (min-width:250px) and (max-width:910px){
.copy_right {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.copy_left {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
	float:none;
}
.copy_right > p {
    padding: 0;
}
}
@media (min-width:250px) and (max-width:440px){
.copy_right > p {
    display: block;
   
}
}
@media (min-width:250px) and (max-width:370px){
.copy p {
   
    font-size: 12px;
}
}
@media (min-width:250px) and (max-width:310px){
.copy p {
    font-size: 11px;
}
}
@media (min-width:250px) and (max-width:400px){
.menu_toggle > img {
    display:block;
}
.menu_toggle > img {
    background: #2f414b none repeat scroll 0 0;
    margin: 0 auto;
    padding: 6px;
    width: 36px;
}
.top_menu {
    padding: 25px 0 0;
   
}
.top_menu > li {
    width: 35%;
}
.top_menu {
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 auto;
    position: absolute;
}
.top_menu li.active {
    padding: 8px 15px 7px;
}

}