/*
|-----------------------------------------------------------------------------------------------------------------
| Responsive Stylesheet
|-----------------------------------------------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| Global > Header
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 1750px) {
	.header-top .container {
		padding: 0 20px;
	}
	.header-main .container {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1600px) {
	.header-main--nav li { 
		margin-right: 15px;
	}
	.header-main--nav>ul {
		width: 900px;
	}
	.header-main--brand {
		padding: 30px 0;
	}
}

@media screen and (max-width: 1380px) {
	.no-margin-1380 {
		margin: 0 !important;
	}
	.width-100-1380 {
		max-width: unset !important;
		width: 100% !important;
	}
	.account-page-header {
		padding: 35px 60px;
	}
	.account-page-header--inner {
		max-width: unset;
		padding: 0;
	}
	.account-page-body {
		max-width: unset;
    	padding: 30px 60px;
	}
	.choices-info-container {
		margin-top: 0;
		padding: 0;
	}
	.question--container {
		max-width: 800px;
		margin: 0 auto;
	}
	.section-summary-top {
		max-width: unset;
		margin: 0;
	}
	.question--container-outer {
		max-width: unset;
	}
	.question-buttons-container--inner, .question-num-container--inner {
		max-width: unset;
		padding-right: 60px;
		padding-left: 60px;
	}
	.question-num-container--center {
		max-width: unset;
    	padding: 10px 0;
	}
	.question-buttons-container--center {
		max-width: unset;
	}
	.info-page-details--update-email,
	.info-page-details {
		float: left;
		width: 100%;
	}
}

@media screen and (max-width: 1360px) {
	.header-logo {
		width: 160px;
		padding-top: 5px;
	}
	
	.header-main--right {
		display: none;
	}
	.header-main--nav {
		width: 850px;
		float: right;
	}
	.header-main--nav>ul {
		width: 860px;
	}
	.header-main--nav .lvl1-parent:last-of-type  .cat-dropdown-container {
		transform: translate(-90%, 30px);
	}
	.header-main--nav .lvl1-parent:last-of-type:hover .cat-dropdown-container {
		visibility: visible;
		transform: translate(-90%, -20px);
	}
	 
	.header-main--nav .lvl1-parent:nth-last-child(2)  .cat-dropdown-container { 
		transform: translate(-70%, 30px);
	}
	
	.header-main--nav .lvl1-parent:nth-last-child(2):hover .cat-dropdown-container {
		visibility: visible;
		transform: translate(-70%, -20px);
	}

}

@media screen and (max-width: 1200px) {
	/*.header-main--nav .menu_item-lvl1:first-of-type {
		display: none;
	}
	.header-main--nav>ul {
		width: 800px;
	}
	.header-main--nav {
		width: 800px;
	}*/
}

/*@media screen and (max-width: 1050px) {
	header {
		display: block !important;
	}
	.content {
		max-width: unset;
	}
	.header-logo {
		flex: 1;
	}
	
	.header-logo a {
		width: 220px;
		margin: 0 auto;
	}
	header .flex-spacer {
		display: none;
	}
	.header-account--loggedin, .header-account--notlogin, .header-account--loggedin-action {
		display: none;
	}
	.mobile-menu--btn {
		display: block;
	}
	nav {
		display: none;
	}
	.header-top--nav {
		display: none;
	}
	.header-main--nav {
		display: none;
	}	
	.header-main--brand {
		position: absolute;
		float: none;
		top: 50%;
		transform: translate(-50%, -50%);
		left: 50%;
	}
	.header-main--right {
		display: block;
	}
	.mobile-btn-container { 
		display: block;
	}
	.mobile-menu {
   	   display: block;
	}	
	.page-slide { 
		
	}
	.mobile-menu--inner .lvl1-parent.open svg {
		transform: rotate(180deg);
	}
	.mobile-menu--inner .lvl2-container {
		padding: 10px 0 0 5px;
		overflow: hidden;
		transition: max-height 0.5s;
		position: static;
		max-height: 0;
	}
	.mobile-menu--inner .lvl1-parent.open .lvl2-container {
		overflow: hidden;
		max-height: 500px;
	}
	.mobile-menu--inner .lvl1-parent .lvl2-container li {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.mobile-menu--contact .header-main--phone-icon {
		position: static;
	}
	.question-nav-container {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.header-main--right {
		display: none;
	}
	.header-mobile--phone {
		display: block;
	}
	.header-top--right {
		display: none;
	}
	.header-top--left {
		float: none;
	}
	.header-top .container {
		text-align: center;
	}
	.header-main--phone-icon {
		position: static;
	}
	.header-main--brand {
		max-width: 195px;
		width: 50%;
	}
	.header-main--brand img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 500px) { 
	.header-top--left {
		font-size: 10px;
	}
	.mobile-menu {
		max-width: none;
		width: 80%;
		left: -80%;
	}
	
	.mobile-menu--inner .requests-menu-button {
		font-size: 18px;
    	line-height: 24px;
	}
	
	.mobile-menu--inner .requests-menu-button .bubble {
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 16px;
	}
	
	.header-logo a {
		width: 160px;
	}
	
	.mobile-menu--inner ul li {
		font-size: 20px;
		margin-bottom: 15px;
	}
	
	.mobile-menu--inner ul a {
		font-size: 20px;
	}
	
	@-webkit-keyframes mobileMenuOpen {	
		from {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);	
		}
		to {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);	
		}
	}


	@keyframes mobileMenuOpen {	
		from {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);	
		}
		to {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);	
		}
	}
}

@media screen and (max-width: 400px) { 
	header {
		padding: 20px 20px 0;
	}
	.mobile-btn-container {
		left: 15px;
	}
	.header-mobile--phone {
		right: 15px;
	}
	.header-logo a {
		width: 120px;
	}
	.mobile-menu--inner {
		padding: 30px;
	}
	.mobile-menu--inner ul li {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.mobile-menu--inner ul a {
		font-size: 16px;
	}
	.mobile-menu--inner .requests-menu-button {
		font-size: 16px;
    	line-height: 22px;
		padding: 11px 20px 10px;
	}
	.mobile-menu--inner .requests-menu-button .bubble {
		width: 22px;
		height: 22px;
		font-size: 11px;
		line-height: 14px;
	}
	.mobile-menu__inner .mobile-action .mobile-action__link, .mobile-menu__inner .mobile-action .mobile-action__link2 {
		font-size: 14px;
		line-height: 14px;
	}
	.mobile-menu__inner .mobile-action .mobile-action__link2 {
		vertical-align: top;
	}
	.mobile-menu__inner .mobile-action .mobile-action__link3 {
		font-size: 14px;
		line-height: 40px;
	}
	.mobile-menu__inner .mobile-action .mobile-action__icon {
		float: left;
		margin-right: 15px;
		height: 40px;
	}
	.mobile-menu__inner .mobile-action .mobile-action__icon svg {
		height: 40px;
		width: 40px;
	}
	.mobile-menu__inner .mobile-action {
		padding: 25px;
	}
	.mobile-menu__inner .mobile-action .mobile-action__content {
		height: 40px;
	}
}*/


/*
|--------------------------------------------------------------------------
| Your Information
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 1380px) {
	.choices-info-container {
		float: left;
		padding-left: 0;
	}
	
	.info-page-details {
		clear: both;
	}
	
	.edit-details--container {
		clear: both;
	}
}


/*
|--------------------------------------------------------------------------
| My Choices
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 1480px) {
	.choices-content {
		width: calc(100% - 300px);
	}
	.ad--sidebar {
		width: 100%;
		flex-direction: row;
		justify-content: center;
	}
}

/*@media screen and (max-width: 1140px) {
	.ad--sidebar {
		padding: 10px 200px;
	}
}

@media screen and (max-width: 960px) {
	.ad--sidebar {
		padding: 10px 80px;
	}
}

@media screen and (max-width: 720px) {
	.ad--sidebar {
		padding: 10px;
	}
}

@media screen and (max-width: 600px) {
	.hideQText {
		display: none;
	}
	.prev-question-button {
		background: #ffffff;
    	padding: 15px 10px 15px 11px;
	}
	.prev-question-button svg {
		margin-left: 9px;
	}
}*/


/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 1730px) { 
	.footer-top.container {
		padding: 40px 20px;
	}
}

@media screen and (max-width: 1640px) { 
	.footer-menu-wrapper {
		display: block;
		max-width: 880px;
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	.footer-top--right {
		float: none;
		margin: 0 auto; 
	}
	.footer-right--wrapper {
		max-width: 880px;
		margin: 20px auto 0;
		width: 100%;
		text-align: left;
	}
	
	.footer-info {
		float: right;
	}
}

/*@media screen and (max-width: 1200px) { 
	.footer-row > .container > .flex-grid {
		flex-direction: column;
	}
	.footer-links {
		margin: 20px 0;
	}
}

@media screen and (max-width: 950px) { 
	.footer-menu {
		margin: 0 auto;
		float: none;
		max-width: 500px;
		width: 100%;
	}
	.footer-menu--customer {
		margin-top: 20px;
	}
	.footer-top ul {
		text-align: left;
		width: auto;
	}
	.footer-menu--quick ul:first-of-type ,
	.footer-menu--customer ul:first-of-type {
		width: 250px;
	}
	.footer-menu-wrapper {
		display: inline-block;
		width: auto;
	}
	.footer-top {
		text-align: center;
	}

	.footer-contact {
		float: none;
		margin: 0 auto;
		max-width: 420px;
		width: 100%;
	}
	.footer-info img { 
		margin-top: 0;
		}
	.footer-info {
		float: none;
		margin: 10px auto;
		padding: 40px;
		max-width: 420px;
		width: 100%;
	}
	.footer-info--text {
		padding-left: 70px;
	}
}

@media screen and (max-width: 800px) {
	.footer-row {
		padding: 33px 0;
	}
}

@media screen and (max-width: 670px) {
	.footer-bottom--links {
		text-align: center;
		width: 100%;
		float: none;
		margin-bottom: 20px;
		
	}	
	.footer-bottom-social {
		padding-bottom: 40px;
		width: 100%;
		float: none;
		text-align: center;
	}
}

@media screen and (max-width: 550px) { 
	.footer-menu--customer>ul,
	.footer-menu--quick>ul {
		display: none;
	}
	.footer-menu--title {
		position: relative;
		font-family: Cabin;
		font-weight: 400;
		text-align: left;
		text-transform: capitalize;
		font-size: 30px;
		color: #fff;
		letter-spacing: 0.05em;
	}
	
	.footer-menu--title:hover {
		cursor: pointer;
	}
	.footer-menu--title svg {
		transition: transform 0.3s;
		top: 7px;
		fill: #fff;
		position: absolute;
		right: 0;
		width: 30px;
		height: 17px;
		display: block;
	}
	.footer-menu--quick ul:first-of-type, .footer-menu--customer ul:first-of-type {
		padding-left: 0px;
		width: 100%;
	}
	.footer-menu-wrapper {
		max-width: 420px;
		margin: 0 auto;
		display: block;
	}
	.footer-top a {
		text-align: left;
		width: 100%;
	}
	.mobile-footer-nav  {
		overflow: hidden;
		display: block;
		max-height: 0;
		transition: max-height 0.3s;
	}
	
	.active > .mobile-footer-nav {
		max-height: 200px;
	}
		
	.active > .footer-menu--title svg {
		transform: rotate(180deg);
	}
	.footer-contact { 
		padding: 20px 10px;
		font-size: 14px;
	}
	.footer-info {
		padding: 35px 35px 35px 10px;
	}
}

@media screen and (max-width: 400px) {  
	.footer-menu--title {
		font-size: 20px;
	}
	.footer-menu--title svg {
		height: 13px;
	}
}

@media screen and (max-width: 340px) { 
	.footer-phone {
		width: 180px;
	}
}*/