/* ==========================================================================
   COMBOS RESPONSIVE
   ========================================================================== */
/* affects 1140px and below */
@media (max-width: 1266px) {
	.slick-dots li {
 
		width: 200px !important;

	}
}
   
/* affects 1140px and below */
@media (max-width: 1140px) {
	.border-box {
		width: 100%;
	}

}	
/* affects 1060px and below */
@media (max-width: 1060px) {
	.slick-slide-1 img {
		height: auto;
		width: 100% !important;
	}
	.slick-slide-2 .slide-content .subtitle  {
		width: 430px !important;
	}
		
}
	

/* affects 1010px and below */
@media (max-width: 1010px) {
	.top-banner .global-col-one {
		padding-left: 0;
	}
	
	.top-banner .global-col-two {
		padding-right: 0;
	}
	
	.bottom-banner .global-table {
		width: 100%;
	}
}

/* affects 1000px and below */
@media (max-width: 1000px) {
	.border-box {
		width: 100%;
	}
	
	.colibri {
		width: 500px !important;
		height: auto !important;
		margin-left: -250px;
	}
	.slick-dots li {
    width: 160px ;
	}
}

/* affects 991px and below */
@media (max-width: 991px) {
	.middle-banner:before, .middle-banner:after {
		width: 100%;
		margin-left: auto;
		left: 0;
	}
}
	
/* affects 920px and below 
@media (max-width: 920px) {
	.section-4 .global-table {
		margin-bottom: 20px;
	}
	
	.section-4 .global-cols {
		display: block;
		width: 320px;
		margin: 0 auto 30px;
		padding: 0;
	}
		
	.bottom-image {
		right: -320px;
	}
	
	.section-4 .mini-table > div:first-child {
		width: 110px;
	}
	
	.section-4 .mini-table > div:first-child img {
		float: right;
	}
}*/

/* affects 900px and below */
@media (max-width: 900px) {
	.top-banner {
		padding-bottom: 185px;
	}
	
	.cta-bar {
		top: -30px;
	}
	
	.cta-bar .cta-title {
		font-size: 32px;
		line-height: 37px;
	}
	
	.cta-bar .cta-text {
		font-size: 24px;
		line-height: 29px; 
	}
	
	.border-box .merged-text.two {
		width: 530px;
		margin-left: -265px;
		line-height: 43px;
		bottom: -55px;
	}
}
	
/* affects 840px and below */
@media (max-width: 840px) {
	.bottom-banner .global-cols {
		padding: 0;
		display: block;
		width: 320px;
		position: relative;
		margin: 0 auto 20px;
	}
		
	.top-banner .custom-flex-box img {
		width: 280px !important;
		height: auto !important;
	}
	
	.top-banner .global-col-one {
		padding-right: 0;
	}
}

/* affects 768px and below */
@media (max-width: 768px) {
	.slide-content .subtitle {
		font-family: "tlightregular","Helvetica Neue",Helvetica,Arial,sans-serif !important;
		line-height: 30px !important;
	}
	.slick-slide-3 .cols {
		display: block !important;
    }
	
	.slick-slide-1 .slide-content-box {
		padding-top: 0 !important; 
	}
	.slick-slide-1 .slide-content .text, .slick-slide-3 .slide-content .text  {
		padding: 10px 0;
	}
	.slick-slide-1 .slide-content-box img{
		float: none;
		height: auto;
		width: 90%;
		padding-bottom: 0;
	}
	
	.slick-slide-1 .col-right img{
		width: 90% !important;
	}
	
	.slick-slide-5 .col-left img {
		width: 100% !important;
	}
	.slick-slide-5 .slide-content-box {
		float: none !important;
		height: 100%;
		width: 100%;
		padding-bottom: 20px;
	}
	
	.slick-slide-3 .slide-content-box img {
		float: none !important;
		height: 60%;
		width: 60%;
		margin: 0 auto;
	}
	.slick-slide-1 .slide-content .subtitle, .slick-slide-3 .slide-content .subtitle {
		padding: 0;
		width: 100%;
	}
	.slick-slide-1 .cols {
		display: block !important;
		width: 100% !important;
	}
	.loop{
		width: 150px !important;
	}
	
	.border-box p.title {	
		padding: 0;
	}

	.section-4 .global-table {
		margin: 20px auto 20px;
	}
	.section-4 .icon-text-row {
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 6px;
	}
	p.subtext {
		padding: 10px 25px;
		font-size: 16px;
	}
	
	.border-box {
		padding: 0 50px 30px;
	}	
	.frg-button.color-green {
		margin: 20px 0;
	}
	.top-banner .text{
		margin-bottom: 10px;
	    padding: 0 30px;
	}
	.content .title{
		font-size: 35px !important;
		line-height:44px !important;
	}
	
	.border-box .global-cols{
		font-size: 18px !important;
		line-height:23px !important;
	}
	.top-banner .title{
	
		padding: 0 20px;
	}
	
	.top-banner .global-cols {
		display: block;
		width: 100% !important;
		text-align: center;
		padding: 0;
	}
	
	.top-banner .global-col-one {
		box-ordinal-group: 2;
			-webkit-box-ordinal-group: 2;
			-moz-box-ordinal-group: 2;
	}
	
	.top-banner .global-col-two {
		box-ordinal-group: 1;
			-webkit-box-ordinal-group: 1;
			-moz-box-ordinal-group: 1;
		margin-bottom: 30px;
	}
	
	.top-banner .global-col-two, .top-banner .global-col-four, .top-banner .global-col-six {
		margin: 20px 0;
		vertical-align: middle;
		top: auto;
	}
	
	.border-box .merged-text {
		font-size: 32px;
		line-height: 37px;
		top: -22px;
		width: 220px;
		margin-left: -110px;
	}
		
	.border-box .ribbon-container {
		position: relative;
		top: auto;
		margin: 0 auto 10px;
		width: 120px;
	}
	
	.top-banner {
		padding-bottom: 50px;
	}
	
	.top-banner .custom-flex-box img {
		margin-top: 15px;
	}
	
	.middle-banner .global-table {
		width: 100%;
	}
	
	.middle-banner .global-cols {
		display: block;
		width: 100%;
		padding: 0 0 30px 0;
	}
	
	.middle-banner .global-col-three {
		padding-bottom: 0;
	}
	
	.middle-banner .global-cols .subtitle, .middle-banner .global-cols .text {
		text-align: center;
	}
	
	.middle-banner .title, .border-box .merged-text.two, .border-box .merged-text.two, .bottom-banner .title, .last-banner .title {
		font-size: 28px;
		line-height: 34px;
		margin-top: 30px;
	}
	
	.border-box {
		margin-top: 60px;
	}
	
	.border-box .merged-text.two {
		top: -100px;
		bottom: auto;
	}
	
	.border-box .merged-text.two:first-letter {
		text-transform: uppercase;
	}
	
	.border-box .merged-text.two {
		width: 340px;
		margin-left: -160px;
	}
	.promo-ilimitee .slide-content-box {
		display: block; 
	}
	.promo-ilimitee .col-left {
		display: block; 
		width: 100%;
	}
	.promo-ilimitee .col-right {
		display: block;
		width: 100%;
	}
.slick-slider {
    padding-top: none !important;
}
.slick-slide-1 .slide-content-box {
	padding-top: 30px;
}

}

/* affects 700px and below */
@media (max-width: 700px) {
	.section-4 .global-cols {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	
	.section-4 .ribbon-container {
		margin: 0;
	}
	
	.section-4 .subtitle, .section-4 .text-note, .section-4 .middle-text {
		text-align: left;
	}
	
	.section-4 .subtitle {
		margin-top: 5px;
	}
	
	.section-4 .mini-table > div:first-child {
		display: block;
	}
}

/* affects 650px and below */
@media (max-width: 650px) {
	.av-block-container {
		display: block;
	}
	
	.av-block {
		display: block;
		width: 100%;
		text-align: center;
	}
	
	.av-block .subtext {
		width: 100%;
	}
}

/* affects 520px and below */
@media (max-width: 520px) {
	
	.slick-slide-1 .slide-content-box {
    padding-top: 0 !important; 
}
	.top-banner .global-col-one  img {
		/*width: 100%;*/
		height: auto !important;
		margin: 0 auto;
	}	
	
	.top-banner .global-col-two img, .top-banner .global-col-five img, .top-banner .global-col-seven img {
		/*width: 100% !important;*/
		height: auto !important;
		margin: 0 auto;
		padding-top: 20px 0
	}

	.top-banner .global-col-three img, 	.top-banner .global-col-four img, .top-banner .global-col-six img {
		/*width: 100% !important;*/
		height: auto !important;
		margin: 0 auto;
	}
		
	.bottom-banner .global-table {
		padding-left: 10px;
	}
	
	.bottom-banner .global-cols {
		width: 100%;
	}
		
	.top-banner {
		overflow: hidden;
	}
}

/* affects 390px and below */
@media (max-width: 390px) {
	.border-box .merged-text.two {
		font-size: 22px;
		line-height: 30px;
		width: 295px;
		margin-left: -147.5px;
	}
}



@media screen and (max-width: 767px){
  .slick-dots{
    	display: none !important;
		margin-top: 30px;
  } 
}
/* affects 1050px and above */
@media (min-width: 1051px) {
	.intcombo-tabs-content .combo-choices.int-optik-950 p.text-number {
		font-size: 37px;
		line-height: 37px;
		padding: 10px 0;
	}
}
   
/* affects 768px and above */
@media (min-width: 768px) {
	.intcombo-tabs-content .combo-choices:hover, .intcombo-tabs-content .combo-choices.active {
		background-color: #8563a3;
		border-color: #8563a3 #8563a3 #49166d;
	}

	.intcombo-tabs-content .combo-choices:hover p, .intcombo-tabs-content .combo-choices:hover span, .intcombo-tabs-content .combo-choices.active:hover span, .intcombo-tabs-content .combo-choices.active span, .intcombo-tabs-content .combo-choices:hover .toggle-legal-notes-anchor, .intcombo-tabs-content .combo-choices.active p, .intcombo-tabs-content .combo-choices.active .toggle-legal-notes-anchor {
		color: #fff !important;
	}
}

/* affects 1300px and below */
@media (max-width: 1300px) {
	.slide-content {
		padding-left: 50px;
		padding-right: 50px;
	}
	
	.slick-prev {
		left: 10px;
	}
	
	.slick-next {
		right: 10px;
	}
}