@media(max-width:1460px)
{
	.beginners ul{width: 50%;}
	.logo2 ul{width: 50%;}
	.logo3 ul{width: 50%;}
	.logo4 ul{width: 50%;}	
}
	

@media(max-width:1380px)
{
    .frontinfo p{font-size: 14px; line-height: 16px;}
}

@media(max-width:1260px)
{
	header > ul > li{padding: 0 13px;}
	header h3{font-size: 30px; line-height: 32px;padding: 0;}
	.online_extra li a{font-size: 14px; line-height: 16px}
	.online_2{margin: 0 2% 0 0; padding: 15px 0;}
	.online_2 h4{font-size: 15px;line-height: 22px;}
	.online_2 ul li a{font-size: 14px; line-height: 16px}
	.fifa{width: 70%;}
	.online_2 ul li .fifa a{font-size: 12px;line-height: 16px;padding: 4px 7px;letter-spacing: -0.1px;}
	.online_choice ul li .fifa a{font-size: 12px;line-height: 16px;padding: 4px 7px;letter-spacing: -0.1px;}
	.online_3{padding: 16px 0 48px 0;}
	.online_3 h4{font-size: 15px;line-height: 17px;}
	.frontinfo p a{font-size: 14px; line-height: 16px}
	
	.beginners ul{width: 70%;padding: 10px 0 0 40px;}
	.logo2 ul{width: 70%;padding: 10px 0 0 40px;}
	.logo3 ul{width: 70%;padding: 10px 0 0 40px;}
	.logo4 ul{width: 70%;padding: 10px 0 0 40px;}
	.grammar ul{width: 70%;padding: 10px 0 0 40px;}
	.topics ul{width: 70%;padding: 10px 0 0 40px;}
	.crosswords ul{width: 70%;padding: 20px 0 0 40px;}
}

@media(max-width:991px)
{
	header > ul > li{padding: 0;}
	header h3{font-size: 22px; line-height: 24px;}
	.custom_search p{font-size: 13px; line-height: 15px;display: block; float: none; text-align: center;}
	.custom_search form{float: none; text-align: center;}
	.online_1{width: 90%; text-align: center;margin: 0}
	.online_1 figure img{margin: 0 auto;}
	.online_2 {width: 90%; text-align: center;margin: 0}
	.online_choice {width: 90%; text-align: center;margin: 0}
	.fifa{width: 33%;}
	.inner_add2{width: 100%;}
	.inner_add2 iframe{width: 100%;}
	.inner_add1{width: 100%;}
	.inner_add1 iframe{width: 100%;}
	.online_2 ul li figure img{margin: 0 auto;}
	.online_3{width: 90%;}
	.online_3 iframe{}
	.additional{width: 344px;}
	.additional p{font-size: 14px; line-height: 16px; letter-spacing: 0;}
	
	
	.quick_links ul li{padding: 0 4px;}
	.quick_links ul li a{font-size: 13px; line-height: 15px;letter-spacing: 0.2px;}
	.beginners ul{width: 88%;padding: 10px 0 0 20px;}
	.logo2 ul{width: 88%;padding: 10px 0 0 20px;}
	.logo3 ul{width: 88%;padding: 10px 0 0 20px;}
	.logo4 ul{width: 88%;padding: 10px 0 0 20px;}
	.grammar ul{width: 88%;padding: 25px 0 0 20px;}
	.topics ul{width: 88%;padding: 10px 0 0 20px;}
	.crosswords ul{width: 88%;padding: 10px 0 0 20px;}
}


@media(max-width:767px)
{
	.right{width: 100%}
	header{padding: 70px 0 0;}
	header > ul > li > figure{max-width: 60px;}
	header > ul > li > figure img{width: 100%;}
	.left{position: fixed;left: -220px;z-index: 5;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;width:  220px;height:  100%;overflow:  auto;}
	.mob_menu{display: block;}
	.menu .left{left: 0;}
	.menu .right{left: 220px;}
	.main_content{height: 100%}
	.fifa{width: 28%;}
	.menu .wrapper{overflow: hidden;}
	.wrapper{position: relative; left: 0; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;}
	
}

@media(max-width:599px)
{
	header > ul > li > figure{max-width: 45px;}
	header > ul > li > figure img{width: 100%;}
	header{padding: 60px 0 0;}
	.mob_menu{}
	.online_2 ul li.fifa_cnt{width: 282px; margin: 0 auto;}
	.fifa{width: 169px;text-align: left;padding: 0 10px;}
	.additional p{font-size: 12px; line-height: 14px;}
	.additional p a{font-size: 12px; line-height: 14px;}
	.custom_search form input{width: 190px;}
	.additional{width: 250px;}
	.online_3 iframe{}
	
	.design h2{font-size: 13px; line-height: 15px;padding: 10px 6px;}
	.design h2 a{font-size: 13px; line-height: 15px;}
	.design h2 br{display: none;}
	.beginners h5{font-size: 17px; line-height: 20px;}
	.beginners ul{width: 95%;padding: 10px 0 0 15px;}
	.beginners ul li a{font-size: 13px; line-height: 15px;}
	
	.logo2 h5{font-size: 17px; line-height: 20px;}
	.logo2 ul{width: 95%;padding: 10px 0 0 15px;}
	.logo2 ul li a{font-size: 13px; line-height: 15px;}
	
	.logo3 h5{font-size: 17px; line-height: 20px;}
	.logo3 ul{width: 95%;padding: 10px 0 0 15px;}
	.logo3 ul li a{font-size: 13px; line-height: 15px;}
	
	.logo4 h5{font-size: 17px; line-height: 20px;}
	.logo4 ul{width: 95%;padding: 10px 0 0 15px;}
	.logo4 ul li a{font-size: 13px; line-height: 15px;}
	
	.grammar h5{font-size: 17px; line-height: 20px;}
	.grammar ul{width: 95%;padding: 25px 0 0 15px;}
	.grammar ul li a{font-size: 13px; line-height: 15px;}
	
	.topics h5{font-size: 17px; line-height: 20px;}
	.topics ul{width: 95%;padding: 10px 0 0 15px;}
	.topics ul li a{font-size: 13px; line-height: 15px;}
	
	.crosswords h5{font-size: 17px; line-height: 20px;}
	.crosswords ul{width: 95%;padding: 10px 0 0 15px;}
	.crosswords ul li a{font-size: 13px; line-height: 15px;}
	.inner_mob{top: 15px;}
}

@media(max-width:476px)
{
	header > ul > li > figure{max-width: 30px;}
	header h3{font-size: 18px; line-height: 20px;}
	.custom_search{padding: 10px 0;}
	.online_3 iframe{}
	.fifa{width: 156px;}
	.online_2 ul li{padding: 2px 0;}
	.online_2 ul li .fifa a{font-size: 11px; line-height: 13px;}
	
	.inner_mob{padding: 3px 5px;}
	.inner_mob span{padding: 2px 0 1px;width: 25px;}
	.inner_head{padding: 10px 0;}
	.inner_head > ul > li > figure{max-width: 40px;}
	.quick_links ul li{padding: 0 2px;}
	.quick_links ul li a{font-size: 12px; line-height: 14px; letter-spacing: 0;}
	.topics ul li{padding: 0 0 7px;}
}