@font-face {
    font-family: letsgo;
    src: url(../fonts/letsgo.ttf);
}
.row{
width:100%;

}
.header_left{ 
padding-left:10%;  
padding-top:10%;
width:40%; 
} 
.header_middle{
width:10%;   
} 
ul{
list-style-type:none;
}
ul li{
display:inline;
}
ul li .social{
width:10%;
height:auto;
display:inline;
}
.header_right{
padding-top: 163px;
width: 60%;
padding-left: 30%;
} 
.header_right .img-responsive{
max-width: 100%;
  height: auto;
  width: auto; /* For IE8 */
} 
 
.mid1{
height:60%;
}
.content_list ul{
text-decoration:none;
list-style-type:none;
line-height:2;}
.content_list ul li {
text-size:12px;
color:#FFFFFF;

}
a:hover{
	color:#000099;

}
.left-menu{
  text-decoration:none;
  color:#FFFFFF;
  font-family:letsgo;
  font-size:20px;
}

.footer{
color:#FFFFFF;
font-size:14px;
text-align:center;
 position:fixed;
   width:100%;
   left:0px;
   bottom:0px;
    height:30px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
.header_right{
    padding-top: 53px;
    width: 50%;
    padding-left: 30%;
} 		
.header_left {
    padding-left: 4%;
    padding-top: 17%;
    width: 44%;
}
.footer{
color:#FFFFFF;
font-size:9px;
text-align:center;
padding-bottom:0px;
}
.left-menu{
font-size:10px;
float:none;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
	
.header_right{
    padding-top: 100px;
    width: 50%;
    padding-left: 30%;
} 		
.footer{
color:#FFFFFF;
font-size:9px;
text-align:center;
padding-bottom:0px;
}
.left-menu{
font-size:10px;
float:none;
}
.header_left{ 
    padding-left: 3%;
    padding-top: 18%;
    width: 40%;
} 

}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
	
	
		
.header_right{
    padding-top: 100px;
    width: 50%;
    padding-left: 30%;
} 		
.footer{
color:#FFFFFF;
font-size:9px;
text-align:center;
padding-bottom:0px;
}
.left-menu{
font-size:10px;
float:none;
}
.header_left{ 
    padding-left: 3%;
    padding-top: 18%;
    width: 40%;
} 

	
}
@media only screen and (min-device-width : 360px) and (max-device-width : 598px) {

.header_right{
padding-top: 169px;
    width: 57%;
    padding-left: 36%;
    margin-left: 31px;} 		
.footer{
color:#FFFFFF;
font-size:9px;
text-align:center;
padding-bottom:0px;
}
.left-menu{
font-size:10px;
float:none;
}
.header_left{
    padding-left: 3%;
    padding-top: 50%;
    width: 40%;
    margin-left: -37px;}
ul.content_list {
    padding-left: 15px;
}
}
@media screen and (-webkit-device-pixel-ratio:3){
	
.header_right {
    padding-top: 70px;
    width: 53%;
    padding-left: 36%;
}
.footer{
color:#FFFFFF;
font-size:9px;
text-align:center;
padding-bottom:0px;
}
.left-menu{
font-size:10px;
float:none;
}
.header_left{ 
    padding-left: 3%;
    padding-top: 18%;
    width: 40%;
} 
		
	
	
}


@media only screen and (min-device-width : 500px) and (max-device-width : 960px) {
	
	.header_right{
    padding-top: 90px;
    width: 50%;
    padding-left: 30%;
} 		
.footer{
color:#FFFFFF;
font-size:9px;
text-align:center;
padding-bottom:0px;
}
.left-menu{
font-size:10px;
float:none;
}
.header_left{ 
    padding-left: 3%;
    padding-top: 18%;
    width: 40%;
} 
	
	
}
@media only screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2){
	
.header_right{
    padding-top: 90px;
    width: 50%;
    padding-left: 30%;
} 		
.footer{
color:#FFFFFF;
font-size:9px;
text-align:center;
padding-bottom:0px;
}
.left-menu{
font-size:10px;
float:none;
}
.header_left{ 
    padding-left: 3%;
    padding-top: 18%;
    width: 40%;
} 
	
	
}

@media screen and (device-aspect-ratio: 40/71) {

	ul {
    list-style-type: none;
    margin-left: -35px;
	}
}
@media screen and (device-aspect-ratio: 375/667) {
	
	
	ul {
    list-style-type: none;
    margin-left: -35px;
	}
	.header_right{
		padding-left:28%;
		
	}
	
}

@media only screen  and (min-width : 1224px) {
.header_right{
    padding-top: 90px;
    width: 50%;
    padding-left: 30%;
} 
.header_left {
    padding-left: 3%;
    padding-top: 12%;
    width: 40%;
}
}
@media only screen  and (min-width : 1824px) {
.header_right{
    padding-top: 180px;
    width: 50%;
    padding-left: 20%;
} 
.header_left {
    padding-left: 12%;
    padding-top: 14%;
    width: 40%;
}
}