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

@media (max-width: 1200px) 
{
	.service-box > img {bottom: -397px;}
/* I-pad Landscape */
@media (max-width: 1024px) 
{
}
/* Google Nexus 7 Landscape */
@media (max-width: 992px) 
{
}
/* I-pad Portrait */
@media (max-width: 768px)
 {
	.main-nav {padding-top: 14px; float: right; text-align: right; width: auto;}
	.logo-top {float: left;  width: 140px;}
	.header_box{position: relative;}
	a.menu-icon { display:block; position: absolute; right: 0px; top: 15px;}
	a.menu-text { display:block;}
	#nav { float:none; margin:0 auto; text-align:center;}
	#nav ul {display: none; background-color: rgba(0,0,0,0.8); overflow: hidden; position: absolute; top: 78px; width:100%; max-width: 300px; z-index: 999; right: 0;}	
	#nav ul li { width:100%; margin:0; padding:0; border:none; border-bottom:1px solid #fff !important;}
	#nav ul li:last-child{border-bottom:none !important;}	
	#nav ul li a { padding:10px; color:#fff;}
	#nav ul li .btn.btn-white {border: none; background-color: transparent; color: #fff;}
	#nav ul li .btn.btn-border {border: none;}
	/* Drop Down */
	#nav ul li ul { position:relative; top:0; width:100%; background-color: rgba(0,0,0,0.5);}
	#nav ul li ul li {border-bottom: none !important;}
	.dropdown {position: relative !important;	display: block !important;}
	.dropdown-content {display: block !important;	position: relative !important; width: 100%;  background-color: #ddd !important;}
	.dropdown-content a:hover {background-color: rgba(0,0,0,0.2) !important;}

	/* Drop Down */
	#content .content .banner .banner-txt {left: 12px;}
	#content .content .banner .banner-txt h2 {font-size: 35px;}
	.service-pro.top-pading {padding-top: 10px;}
	.footer-box {width: 100%; text-align: center;}
	#footer .footer-top-block .footer-box .iphone-img-content h4 {text-align: center;}
	#footer .footer-top-block .footer-box .iphone-img-content p {text-align: center;}

	#footer .footer-bottom-block .footer-box .footer-copyright {margin-top: 28px;}
	.footer-copyright,.footer-logo {height: 66px;}
	.process-box li {border-bottom: 1px solid #ffffff; display: block; width: 100%; border-right: 0;}
	.certificate-box li {vertical-align: top;  display: block;  padding: 30px;   width: 100%;   border-right: none;  border-bottom: 1px solid #234978;}
	.service-box > img {bottom: -334px;}
	.userpro-box {background-color: #F2F2F2; width: 100%; max-width: 100%; padding: 20px;  margin: auto;}
	.notifications-box .col-sm-6{width: 50%;}
	
	.col-sm-20{	width: 100%; margin: 0;	}
	.service-pro.top-pading, .service-pro.top-pading50 {padding-top: 0;}
	.login-box {padding: 50px;}
	.notifications-box .col-sm-6 {width: 50% !important; float: left;}
	.section-title h3 {font-size: 28px;}
	.contact-no-box > span {font-size: 14px;	margin: 8px 0; 	display: block;}
	.title { font-size: 16px; }
	.service-box > img {bottom: 0;	position: relative;	margin-top: 30px;}
	.service-box {padding-bottom: 40px;}
	#footer .footer-top-block .footer-box .iphone-img-content {padding-top: 65px;}
	#footer .footer-top-block .footer-box .iphone-img-content h4 {font-size: 20px;	line-height: 20px;}

	.footer-bottom-block .col-xs-4 ,.col-xs-8 ,.col-xs-6 ,.col-xs-6{width: 100%; text-align: center;}
	#footer .footer-bottom-block .footer-box .footer-logo img {border-right: none;}
	#footer .footer-bottom-block .footer-box .footer-copyright {margin-top: 15px; height: auto;}
	#footer .footer-bottom-block .footer-box .footer-social-content p {border-right: none;	padding-left: 0px; float: 
		none;}
	#footer .footer-bottom-block .footer-box .footer-social-content {margin-top: 0px;}
	.certificate-box p {margin-bottom: 0;}
	 #footer .footer-top-block .footer-box .footer-button a.btn-border {margin: 10px auto;}
	 #content .content .banner .banner-txt h2 {font-size: 20px; line-height: 10px;}
}
/* HTC One Landscape */
@media (max-width: 640px) 
{
	 
}
/* Google Nexus 7 Portrait */
@media (max-width: 603px)
 {

}
/* Google Nexus 4 Landscape */
@media (max-width: 600px)
{
	
}
/* I-phone Landscape */
@media (max-width: 568px)
{

}
/* I-phone Landscape */
@media (max-width: 480px) {
	 #footer .footer-top-block .footer-box .footer-button a.btn-border {width: 80%;}
	.form-group li {width: 32%;}
	.cer-img {height: auto;}
	.login-box {padding: 30px 20px;}
	.progress-grade > li {width: 16% !important;}
	.progress-color > li {width: 10% !important;}
	.notifications-box .col-sm-6 {width: 100% !important;	float: left;}
	.notifications-box .col-sm-6 .input-group.pull-right {float: none !important; width: 100%; text-align: center;	padding-top: 20px;}
	.service-box > img {bottom: 0;	position: relative;	margin-top: 30px;}
	.service-box {padding-bottom: 40px;}
/* Nokia Lumia Portrait */
@media (max-width: 460px) 
{

}
/* HTC One Portrait */
@media (max-width: 360px) 
{

}
/* I-phone Portrait */
@media (max-width: 320px) 
{

}
/* Small mobile */
@media (max-width: 240px) 
{

}