@media only screen and (min-width: 1025px) {
	#header {position:absolute;  height:80px;}
	#innerBanner, #content {margin-top:80px;}
	
	#header .logo img{transition:all 0.2s ease-in-out; max-width:210px}
	#header.stickyhead{ position:fixed; height:60px;  transition:all 0.2s ease-in-out}
	#header.stickyhead .logo{ width:200px; transition:all 0.2s ease-in-out}
	#header.stickyhead ul li{   padding: 20px 30px 20px; transition:all 0.2s ease-in-out}
	#header.stickyhead .logo img{transition:all 0.2s ease-in-out;  max-width:180px}
	
.registerBar .profile { margin: -150px auto auto; }

}

@media only screen and (max-width: 1170px) {
	.wrapper { max-width: 960px; }
	
	.registerBar form ul.uploadList li{ margin: 0 12px 30px;  width: 225px;}
	.registerBar form ul.uploadList { margin: 0 -12px 0 -12px; }
		

}

@media only screen and (max-width: 991px) {
	.wrapper { max-width: 728px; }
	#header ul li{padding: 29px 7px 31px; font-size: 13px;}
	.infoBar h1{font-size:70px;}
	.confirmBar .title{ padding: 40px 0 66px;}
	.confirmBar h1, #innerBanner h1{font-size:35px;}
	#header ul .sub-menu{ left:15px;}
	.infoBar a.logo{ max-width:140px;}
	
}



@media only screen and (max-width: 767px) {
	.wrapper { max-width: 100%; padding-left: 20px; padding-right: 20px; }
	#header{ height:50px;}
	#header .logo{ max-width:inherit; width:180px;  margin: 10px 0 10px 15px; float:left; text-align:center; display:inline-block}
	#header .logo img{ max-width:100%; display:inline-block}
	#header ul{ text-align:center; padding-bottom:10px;}		
	#header ul li{padding: 19px 14px 21px;}
	.infoBar h1{font-size:45px;}
	.confirmBar h1, #innerBanner h1{font-size:30px;}
	body.home #header, body.page-template-thankyou #header{padding: 45px 0 25px}
	body.home #header ul li, body.page-template-thankyou #header ul li { padding: 0 0 30px 17px;}
	.infoBar{ top:60%}
	.infoBar form{ max-width:410px;}
	.infoBar form p{ width:320px}
	.infoBar h1 span{font-size: 24px; line-height: 30px;}

	.confirmBar .title p br{ display:none }
	
	.lightBox{ width:100%}
	.registerBar form ul.uploadList li{ width:184px;}
    #header ul .sub-menu{ left:10px; top:50px;}
	#back-to-top.show {  display: block;}
	
	#menu-primary { padding-left:0}
	#menu-primary li{ display:none; position:relative}
	#menu-primary li a{  color: #176067; text-decoration:none}
	#mm-menu-primary li:first-child{ display:none}
	#menu-primary li:first-child{ display:block}
	
	
	#mm-menu .hover { padding: 20px 15px; position: absolute; top: 30px; left: 10px; width: 160px; background: #4de7d7; font-size: 13px; line-height: 18px; font-style: italic; font-weight: 400; color: #000; text-align: center; text-transform: none; display: none; z-index: 99; }
	 #mm-menu .hover:before { margin-left: -12px; content: ""; position: absolute; top: -12px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #4de7d7 transparent; }
	 
	 #mm-menu li:first-child > a:before { margin: 2px 10px 0 0; content: ""; display: inline-block; vertical-align: top; width: 18px; height: 18px; background: url(images/search_icon_m.png) top left no-repeat; background-size: 18px auto;  }
	 #mm-menu li:first-child > a:hover:before, li:first-child:hover > a:before { background-position: 0px -18px; }

	#mm-menu li:hover .hover { display: block; }
	/*.registerBar .row.active .hover{ min-height:110px;}
	.registerBar .row .hover::after{ display:none}*/
	body.home #header, body.page-template-thankyou #header{top:0;} 
	.registerBar .profile{ width:100px; height:100px;  margin: -50px auto auto;}
	.registerBar form input[type="text"], .registerBar form input[type="url"]{ border-color:#d0cdcd}
	.registerBar label{ font-size:16px;}
.registerBar .row .hover{ left:-130px;}
	.hover::before{left: 89%;}
	.registerBar .text p{ font-size:13px;}
	.mm-opening #header .logo{ display:none}
	.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a{ color:#025e70!important}
	
	body.home #header a.mobilemenu{ background:none}
	.infoBar a.logo{ max-width:115px; margin-bottom:0}
	.infoBar input[type="text"]{ height:45px;}
	.infoBar input[type="submit"]{ height:45px;}
	.infoBar form{ padding: 26px 0 0;}
	
} 

@media only screen and (max-width: 639px) {
	
	.registerBar label{ font-size: 12px;}
	.registerBar .btn.add { margin: 0 0 22px;}
	.registerBar .row { padding-bottom: 78px;}
	.registerBar .left .row:last-child { padding-bottom: 0;}
	.confirmBar .title{ padding-bottom:0}
	.confirmBar .title p{font-size: 15px;  line-height:24px; }
	.confirm-page.default .confirmBar .title p{font-size: 16px;  line-height:24px; }
	.lightBox li.browse{ height:250px;   padding: 105px 0 0;}
		.registerBar form ul.uploadList li{ width:208px;}
		
	.infoBar a.logo { margin: 40px auto 12px;}
	.infoBar h1{ line-height:75px}
	.infoBar h1 span{ padding-top:0}
	.infoBar {top: 52%;}
    .confirmBar {padding: 0 0 5px;}
	.confirmBar.succes_page .detail { padding:30px 0 59px;}
	.lightBox h2 span{ font-size:13px;}
	
	
}

@media only screen and (max-width: 479px) {

	#header ul li{ font-size:10px;  padding: 10px 10px 10px;}
	body.home #header ul li, body.page-template-thankyou #header ul li {font-size:10px;  padding: 10px 10px 10px;}

	.infoBar h1{font-size:32px;}
	.confirmBar h1, #innerBanner h1{font-size:25px;}
	.infoBar form{ max-width:300px;}
	.infoBar form p{ width:210px}
	.registerBar .left{ width:100%}
	.registerBar .right{ width:100%; padding-top: 20px;}
	.registerBar .row{    padding-bottom: 20px;}
	.registerBar form ul.uploadList li{margin:0 auto 25px auto; float:none}
	.registerBar .browseCn{text-align:center;}
	.registerBar h3{ text-align:center; }
	.registerBar textarea{margin: 15px  auto 0; float:none}
	.registerBar .check { margin: 34px 0 0;}
	.btn{ font-size:13px;}
	.infoBar h1 span { font-size: 22px;  line-height: 30px;}
	.lightBox li.browse{ height:150px; padding: 45px 0 0; overflow:hidden} 
	  #header ul .sub-menu{top:38px;}
	  #header ul .sub-menu {padding:5px 10px;}

.registerBar form ul.uploadList li:nth-of-type(4n){ margin-right:auto}
	.infoBar a.logo{ max-width:105px; margin-bottom:0}
}



 @media only screen and (max-width: 767px) {
	
	 #header{position:static; text-align:center}
	#header.stickyhead { position: relative; }
	#header a.mobilemenu { padding: 5px 65px 5px 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; display: block; text-decoration: none; font-weight: bold; position: absolute; left: 0px; top: 0px; line-height: 40px; text-transform: uppercase; text-align: right; color: #333; font-size: 14px; background: #aaa url('../images/menu-icon.png') right no-repeat; }
	#header.stickyhead .logo img { max-height: inherit; }
	#header a.mobilemenu {  width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; display: block; text-decoration: none; font-weight: bold; position: absolute; left: 0px; top: 0px; line-height: 40px; text-transform: uppercase; text-align: right; color: #fff; font-size: 14px; background: #025e70 ; }
	#header a.mobilemenu:before, #header a.mobilemenu:after, #header a.mobilemenu span { width: 35px; height: 3px; display: block; position: absolute; right: 15px; top: 15px; content: ""; background: #fff; }
	#header a.mobilemenu:after { top: auto; bottom: 14px; }
	#header a.mobilemenu span { top: 24px; }
	.mm-opened a.close { display: block; }
	.menuBar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 20px; top: 9px; z-index: 8888; }
	.menuBar a.close:before, .menuBar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #fff; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	.menuBar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	.menuBar { padding: 0px; position:absolute; top:0px; z-index: 1; }
	.menuBar ul { display: none; position: absolute; left: 0px; top: 42px; z-index: 10; width: 100%; background: #aaa; }
	.menuBar li { padding: 0px; float: none; border: 0px;}
	.menuBar li a { padding: 5px 15px; display: block; border-bottom: #FFF solid 1px;  }
	.mm-listview > li > a, .mm-listview > li > span{text-transform:uppercase}
	.menuBar li a:hover, .menuBar li.active a { background: #999; }
	.menuBar ul > li.dropdown { padding-right: 0px; }
	.menuBar ul > li.dropdown > a { padding-right: 0px; background: url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar ul > li.dropdown > a:hover, .menuBar ul > li.dropdown.active > a { padding-right: 0px; background: #999 url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar li ul { position: static; left: 0px; top: 0px; width: 100%; }
	.menuBar li:hover ul { display: none; }
	.menuBar li li { border: 0px; padding:0;  background:none }
	.menuBar li li a { padding-left: 40px; }
	.menuBar li li li a { padding-left: 60px; }
	.mm-listview li > a:hover, .mm-listview li.current-menu-item > a, .mm-listview li.current-menu-ancestor > a{ background: #14443c !important; color: #fff }
	

	.mm-menu .mm-listview > li.current-menu-item .mm-prev::before, .mm-menu .mm-listview > li.current-menu-item .mm-next::after, .mm-menu .mm-listview > li.current-menu-item .mm-arrow::after{ border-color: #fff;}
		.mm-menu .mm-listview > li.current-menu-ancestor .mm-prev::before, .mm-menu .mm-listview > li.current-menu-ancestor .mm-next::after, .mm-menu .mm-listview > li.current-menu-ancestor .mm-arrow::after{ border-color: #fff;}
	#innerBanner::before{ background-size:auto}

	}
	
	 @media only screen and (min-width: 768px) {
	.mm-menu.mm-current { display: none !important; } 
	html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
	html.mm-opened { overflow: visible !important; }
	html.mm-opened body { overflow: visible !important; }
	#mm-blocker { display: none !important; }
	}