@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
.bottom-icon ul li{ width:19%;}	

}

@media (min-width: 768px) and (max-width: 991px) {
.menu .navi > li > a{ padding:0 2px;}
.menu .navi > li{ margin:0;}
.progress-content .progressbar label{ font-size:20px;}
.bottom-form > div{width:20%;}
.footer div.six img{ max-width:100%;}
.footer div.thired ul li { width: 48.4%; }
.bottom-icon ul li{ width:19%;}
.bottom-icon ul li p{ font-size:12px;}
}

@media (min-width: 600px) and (max-width: 767px) {

header .logo img{ max-width:100%;}
.login-section{ margin-bottom:20px; padding:10px;}
.login-section .search-form{ padding:0;}
.login-section .login-btn{ position:relative; float: none; left: 0; margin-top: 10px; position: relative; top: 0;}
.progress-content{ padding:10px 10px 0px 10px;}
.progress-content .progressbar{ margin:0; padding:40px 0 50px; float:left; width:100%; position:relative;}
.progress-content .progressbar label{ display:block; text-align:left; position:absolute; bottom:20px; width:100%;}
.progress-content .progressbar .progress-bottom{ width:100%;}
.progress-content .bottom-btn{ margin-top:20px;}

.bottom-icon ul li{ width:100%;}
.bottom-form{ padding-bottom:20px;}
.bottom-form > div{ padding:0px 0 10px 0;}
.bottom-form > div.button{ padding:10px 0 0 0; width:100%;}
.bottom-form > div{ width:100%;}
.footer div.second, .footer div.thired, .footer div.fourth, .footer div.five, .footer div.six, .footer div.first{ width:100%; border:0; min-height:inherit; padding-bottom:15px;}
.footer div.second, .footer div.first{ width:50%; float:left;}
.footer div.thired{ clear:both;}
.footer div.fourth, .footer div.five{ float:left; width:50%;}
.footer div.six{ clear:both; text-align:center;}

.search{padding-left: 15px; padding-right: 15px;}

#cssmenu.small-screen > ul > li{ border:solid 1px #CCC; border-width:0px 1px 1px 1px}
#cssmenu > ul > li > a { padding:10px 60px 10px 10px; }
}

@media (max-width: 599px) {
.header-top .left-menu{ width:100%; padding:0;}
.header-top .left-menu ul{ width:100%; text-align:center;}
header .logo img{ max-width:100%;}
.login-section{ margin-bottom:20px; padding:10px;}
.login-section .search-form{ padding:0;}
.login-section .login-btn{ position:relative; float: none; left: 0; margin-top: 10px; position: relative; top: 0;}
.progress-content{ padding:10px 10px 0px 10px;}
.progress-content .progressbar{ margin:0; padding:40px 0 50px; float:left; width:100%; position:relative;}
.progress-content .progressbar label{ display:block; text-align:left; position:absolute; bottom:20px; width:100%;}
.progress-content .progressbar .progress-bottom{ width:100%;}
.progress-content .bottom-btn{ margin-top:20px;}

.bottom-icon ul li{ width:100%;}
.bottom-form{ padding-bottom:20px;}
.bottom-form > div{ padding:0px 0 10px 0;}
.bottom-form > div.button{ padding:10px 0 0 0; width:100%;}
.bottom-form > div{ width:100%;}
.footer div.second, .footer div.thired, .footer div.fourth, .footer div.five, .footer div.six, .footer div.first{ width:100%; border:0; min-height:inherit; padding-bottom:15px;}
.footer div.second, .footer div.first{ width:50%; float:left;}
.footer div.thired{ clear:both;}
.footer div.fourth, .footer div.five{ float:left; width:50%;}
.footer div.six{ clear:both; text-align:center;}

.search{padding-left: 15px; padding-right: 15px;}

#cssmenu.small-screen > ul > li{ border:solid 1px #CCC; border-width:0px 1px 1px 1px}
#cssmenu > ul > li > a { padding:10px 60px 10px 10px; }
}

@media (max-width: 480px) {
.header-top .left-menu{ width:100%; padding:0;}
.header-top .left-menu ul{ width:100%; text-align:center;}
header .logo img{ max-width:100%;}
.login-section{ margin-bottom:20px; padding:10px;}
.login-section .search-form{ padding:0;}
.login-section .login-btn{ position:relative; float: none; left: 0; margin-top: 10px; position: relative; top: 0;}
.progress-content{ padding:10px 10px 0px 10px;}
.progress-content .progressbar{ margin:0; padding:40px 0 50px; float:left; width:100%; position:relative;}
.progress-content .progressbar label{ display:block; text-align:left; position:absolute; bottom:20px; width:100%;}
.progress-content .progressbar .progress-bottom{ width:100%;}
.progress-content .bottom-btn{ margin-top:20px;}

.bottom-icon ul li{ width:100%;}
.bottom-form{ padding-bottom:20px;}
.bottom-form > div{ padding:0px 0 10px 0;}
.bottom-form > div.button{ padding:10px 0 0 0; width:100%;}
.bottom-form > div{ width:100%;}
.footer div.second, .footer div.thired, .footer div.fourth, .footer div.five, .footer div.six, .footer div.first{ width:100%; border:0; min-height:inherit; padding-bottom:15px;}
.footer div.second, .footer div.first{ width:50%; float:left;}
.footer div.thired{ clear:both;}
.footer div.fourth, .footer div.five{ float:left; width:50%;}
.footer div.six{ clear:both; text-align:center;}
.search{padding-left: 15px; padding-right: 15px;}

#cssmenu.small-screen > ul > li{ border:solid 1px #CCC; border-width:0px 1px 1px 1px}
#cssmenu > ul > li > a { padding:10px 60px 10px 10px; }
}

@media (max-width: 470px) {
	
}