/*==================================Media styles===================================*/


	@media screen and ( max-width: 1200px ) 
	{
		
		.header-meta-rt{margin-right:-10px;padding-top:0;}
		.logo{padding:0;}
		.banner-block{min-height:500px;}
		.banner-block .banner-content .banner-info{padding-top:70px;}
		.banner-block .banner-content .banner-info h2{font-size:35px;}
		.banner-block .banner-content .banner-info ul li .ftrs-ic{width:60px;height:60px;}
		.banner-block .banner-content .banner-info ul li .text{padding-top:10px;}
		
		.banner-block .banner-content .bnr-map img{max-width:530px;}
		.banner-block .banner-content .bnr-map{min-height:490px;}
		.banner-block .banner-content .bnr-map .destination.d1{left:222px;}
		.banner-block .banner-content .bnr-map .destination.d2{left:372px;}
		.banner-block .banner-content .bnr-map .destination.d3{left:12px;}
		.banner-block .banner-content .bnr-map .destination.d4{left:238px;}
		.banner-block .banner-content .bnr-map .destination.d5{left:395px;}
		
		.banner-bottom{padding:50px 0px;}
		.banner-bottom .item .img-block{max-width:140px;margin-right:28px;}
		.banner-bottom .item .text h3{font-size:24px;margin-bottom:4px;}
		.banner-bottom .item .text{padding-right:0;}
		.banner-bottom .item .text p{line-height:22px;}
		
		.vps-pln-fts ul li{font-size:14px;}
		.vps-plan-item .rate-block h3 span{font-size:40px;}
		section h3{font-size:32px;}
		.review-block .lSSlideWrapper{margin-bottom:30px;}
		
		.banner-head h2{font-size:40px;}
		.banner-head .left{margin-right:0;}
		.banner-head .right.dc ul{display:block;}
		.banner-head .right.dc ul li{width:110px;}
		.banner-head .right.dc ul li span:before{width:65px;left:-63px;}
		}
		
	@media screen and ( max-width: 991px ) 
	{
		#top-nav{display:none !important;}
		.top-bar .top-menu ul{text-align:left;}
		.top-wrapper p.phone span{font-size:14px;}
		.top-bar .top-menu li{padding: 0px 12px 0px 12px;}
		.top-bar .top-menu li a{font-size:13px;}
		
		.top-login-btn a{font-size:12px;width:80px;padding:12px 0px 12px 0px;font-family: 'robotobold';}
		
		.logo img{max-width:180px;}
		.main-menu ul li{margin-left:0px;}
		.main-menu ul li a{font-size:14px;padding:20px 15px 20px 15px;}
		.main-menu ul li::before{height:16px;top:22px;}
		.main-menu ul li a i{font-size:20px;}
		.banner-block .banner-content .banner-info h2{font-size:30px;line-height:42px;}
		.banner-block .banner-content .banner-info ul li{padding-right:10px;}
		.banner-block .banner-content .banner-info ul li .ftrs-ic {width: 50px;height: 50px;padding-top: 12px;margin-right:12px;}	
		.banner-block .banner-content .banner-info ul li .ftrs-ic i{font-size:24px;}
		.banner-block .banner-content .banner-info ul li .text{padding-top:5px;}
		.banner-block .banner-content .banner-info ul li .text h4{font-size:14px;}
		
		.banner-block .banner-content .bnr-map img{max-width:440px;}
		.banner-block .banner-content .bnr-map .destination.d1{left:136px;}
		.banner-block .banner-content .bnr-map .destination.d2{left:261px;}
		.banner-block .banner-content .bnr-map .destination.d3{left:-40px;}
		.banner-block .banner-content .bnr-map .destination.d4{left:154px;}
		.banner-block .banner-content .bnr-map .destination.d5{left:280px;}
		
		.banner-block .banner-content .bnr-map{min-height:440px;margin-top:30px;}
		.banner-block{min-height:470px;}
		
		.banner-bottom .item {text-align:center;}
		.banner-bottom .item .img-block{float:none;margin-right:0;margin-bottom:20px;display:inline-block;}
		.banner-bottom .item .text{text-align:center;}
		.vps-plan-item{margin-bottom:40px;}
		.live .head{height:113px;margin-top:0;}
		.live .hidden-block{display:none;}
		.live .head span{margin-bottom:0;}
		
		.review-block ul.review li .avatar{width:80px;height:80px;}
		.review-block ul.review li .avatar:before{width:40px;height:40px;margin-left:-28px;}
		
		.review-block ul.review li p{margin-top:10px;}
		.review-block ul.review li h5{margin-top:20px;}
		.banner-bottom .item{padding-bottom:20px;padding:0px 20px;}
		.banner-bottom .item.rt{margin-left:0;}
	}
	@media screen and ( max-width: 767px ) 
	{	
		
		.top-login-btn{position:absolute;top:0px; right:40px;}
		.top-bar .top-menu{height:40px;}
		
		.main-menu, .top-menu-list,.bnr-btm-nav{ display:none;}
		.menu-mobile, .top-menu-mobile,.menu-mobile3  { display:block;position:relative;z-index:2;}
		
		.toggle-button { display:block; background:#FFF; width:32px; height:28px; padding-top:3px; top:-42px; right:7px;}
		.toggle-button i { font-size:14px;display:block; width:22px; height:3px; background:#a741b0;margin:3px 0px 3px 0px;}
		
		.top-toggle-button { display:block; background:none; width:32px; height:28px; padding-top:3px; top:-34px; right:7px;}
		.top-toggle-button i { font-size:14px;display:block; width:22px; height:3px; background:#FFF;margin:3px 0px 3px 0px;}
		
		.menu-mobile ul.menu-list { margin-left:0px; text-align:left; background:#303440;}
		.menu-mobile ul.menu-list > li { display:block; border-bottom:1px solid #363945; padding:0px;}
		.menu-mobile ul.menu-list > li > a { color:#fff; font-size:15px; padding:7px 10px; display:block;}
		.menu-mobile ul.menu-list > li > a:hover { border-bottom:none; background:#168dcd;}
		.menu-mobile ul.menu-list > li > a.act { border-bottom:none;}
		
		.menu-mobile ul.menu-list > li ul li a
		{
		display:block;
		text-align:left;
		color:#FFF !important;
		padding:8px 20px;
		line-height:20px !important;
		font-size:15px !important;
		font-family: 'bariolregular';
		
			
		}
		
		.top-menu-mobile ul.top-menu-list { margin-left:0px; text-align:left; background:#303440;}
		.top-menu-mobile ul.top-menu-list > li { display:block; border-bottom:1px solid #363945; padding:10px 12px;font-size:14px;color:#FFF;}
		.top-menu-mobile ul.top-menu-list > li i{display:none;}
		.top-menu-mobile ul.top-menu-list > li > a { color:#fff; padding:0px; display:block;}
		.top-menu-mobile ul.top-menu-list > li:hover {  background:#168dcd;}
		
		.menu-mobile ul.menu-list > li > ul{display:none;}
		
		.banner-block .banner-content .banner-info{text-align:center;}
		.banner-block .banner-content .bnr-map{margin:0;max-width:400px;margin:0px auto;}
		.banner-block .banner-content .bnr-map img{top:0; right:0;bottom:0;left:0;margin:auto;margin-top:90px;max-width:400px;}
		.banner-block .banner-content .banner-info ul{max-width:480px;display:inline-block;}
		
		.banner-block .banner-content .bnr-map{min-height:410px;}
		.banner-block .banner-content .bnr-map .destination.d1{left:173px;}
		.banner-block .banner-content .bnr-map .destination.d2{left:290px;}
		.banner-block .banner-content .bnr-map .destination.d3{left:13px;}
		.banner-block .banner-content .bnr-map .destination.d4{left:185px;}
		.banner-block .banner-content .bnr-map .destination.d5{left:304px;}
		.banner-block .banner-content .banner-info ul{margin-left:0;margin:0;}
		.banner-block .banner-content .banner-info h2{font-size:28px;}
		.banner-block .banner-content .banner-info{margin-right:0;}
		
		.vps-plan-item{max-width:480px;margin:0px auto 40px auto;}
		section h3{font-size:28px;}
	}
		

	@media screen and ( max-width: 600px ) 
	{
		
	.banner-block .banner-content .banner-info ul{max-width:100%;display:block;}
	.review-block .lSSlideWrapper{margin-bottom:20px;}
	.review-block ul.review li{background:none;}
		
	}
	@media screen and ( max-width: 480px ) 
	{
		
		.banner-block .banner-content .bnr-map{max-width:300px;min-height:340px;}
		.banner-block .banner-content .bnr-map img{max-width:294px;}
		.banner-block .banner-content .bnr-map .destination{font-size:11px;}
		span.coming-soon{font-size:10px;}
		
		.banner-block .banner-content .bnr-map .destination.d1{left:125px;}
		.banner-block .banner-content .bnr-map .destination.d2{left:209px;}
		.banner-block .banner-content .bnr-map .destination.d3{left:4px;}
		.banner-block .banner-content .bnr-map .destination.d4{left:134px;}
		.banner-block .banner-content .bnr-map .destination.d5{left:223px;}
		.banner-block .banner-content .banner-info ul{margin-left:0;}
		.banner-block .banner-content .banner-info ul li{width:100%;}
		
		.vps-plan-item{max-width:400px;margin:0px auto 40px auto;}
		section h3{font-size:24px;}
		.banner-bottom .item .text h3{font-size:22px;}
		
	}
	
	@media screen and ( max-width: 400px ) 
		
	{	
		
		.vps-plan-item{max-width:100%;margin:0px auto 40px auto;}
		section h3{font-size:20px;}
	}