/*
   Responsive Design
*/
.desktop-view{display: block;}
.tablet-view{display: none;}
.mobile-view{display: none;}
.tab-mob-view{display: none;}

@media (min-width: 1700px){
	.container { max-width: 1480px;}
	.top-img{width: 800px; margin-left: -9em; margin-top: 3em; }
	.hangbox { margin-top: 8em;}
	.hangbox iframe{ width:120%; height:300px;}
	.product-info-wrapper { margin-top: 28em;}
	.product-info-wrapper .title{    font-size: 20px;}
	.product-info-wrapper .text {font-size: 30px; line-height:initial;}
	.product-info-wrapper .text2 { font-size: 14px;}
	.product-info-wrapper .text3 { font-size: 14px;}	
	}

@media (min-width: 1200px){
	.container { max-width: 1140px;}
}

@media (max-width: 1280px){
    img.sk-wording {
        margin-right: 12%;
    }
}

@media (max-width: 1280px){
.thx-container {padding:110px 20px;}
}

@media (max-width: 1024px) {
	
	.thx-container {padding:100px 20px;}
	.title-thanks{ font-size:30px;}
    .hero-section{
/*        height: 650px;*/
        height: auto;
    }
    .hero-content h1 {
        font-size: 32px;
        line-height: 42px;
    }
    .section-heading h2{
        font-size: 32px;
        line-height: 42px;
    }
    
	
	#thankyou .slider-wrapper{padding: 0; width: 100%; background: url(../img/thankyou-YN-bg.jpg) -150px no-repeat; background-size:cover; }
}

/* ---- Start of max-width 992px CSS ---- */
@media (max-width: 992px) {
    .desktop-view {  display: none;}
    #appointments h1, #appointments h3 { color: #fff;}
	.slider-wrapper{ width: 100%; min-height: auto;}
	.slider-wrapper-mobile{ width: 100%; display: block;}
	
	.top-img{width:110%; margin-left:-3em; margin-top:2em;    margin-bottom: 20em;}
	.btn-img{width:100%; margin-top:-140px;}
	
	.hangbox {width: 80%; background-repeat: no-repeat;margin-top: 2em; margin:0 auto;}
	.hangbox iframe{ height: 290px;}
	
	.product-info-wrapper { margin-top:0; margin-left: 0; position: relative; text-align: center; margin-bottom:2em;}
	.product-info-wrapper .text { font-size: 18px;}
	.product-info-wrapper .title{font-size: 12px;}
	.product-info-wrapper .text3{display:none;}
	.text4{ margin-top:10px; line-height: normal; display:block; text-align: center;font-size: 10px; color:#000;}
	
	#thankyou .slider-wrapper{display:none;}
	#thankyou .slider-wrapper-mobile{ display:block;}
	.thx-container {padding:20px;}
	
    .tab-mob-view{display: block;}
    .sm-padding{ padding: 15px; }
    .menu-btn,
    .menu-wrap ul.nav{
        display: none;
    }
    .slicknav_menu {
/*        display:block;*/
        display: none;
    }
    .slicknav_nav li:last-child{ display: none; }
    .hero-content h1 {
        font-size: 32px;
        line-height: 42px;
    }
    .feature-section{
        padding-top: 0;
    }
    
    div.content {
        width: 100%!important;
        padding: 5%;
    }

    section#outlets img {
        width: 100%!important;
        padding: 5%;
        margin-bottom: 0%;
    }
    
    .about-list {
        padding: 5% 5%;
    }
	
    .btn-img{ display:none;}
	.btn-img-mobile{ display:block;}
	
	#thankyou .slider-wrapper{padding: 0; width: 100%; background: url(../img/thankyou-background-mobile-copy.jpg) -40px no-repeat; background-size:cover; }
    
    .text4 { margin-top: -2em; text-align: right;}
}
/* ---- End of max-width 992px CSS ---- */


/* ---- Start of min-width 480px and max-width 768px CSS ---- */
@media all and (min-width: 480px) and (max-width: 768px) {
	
}
/* ---- End of min-width 480px and max-width 768px CSS ---- */


/* ---- Start of max-width 767px CSS ---- */
@media all and (max-width: 767px) {
    body, p{
        font-size: 12px;
        line-height: 22px;
    }
    h1{
        font-size: 30px!important;
    }
    h2{
        font-size: 20px;
    }
    h3{
        font-size: 16px;
    }
    p br{
        display: none;
    }
    .padding{
        padding: 60px 0;
    }
    .xs-padding{
    	padding: 15px;
    }
    .hero-section{
        height: auto;
        padding: 0;
        background-position: top center;
    }
    .hero-content{
        text-align: center;
    }
    .feature-section{
        padding-top: 0;
    }
    .section-heading h2 {
        font-size: 24px;
        line-height: 36px;
    }
    
    h1.white-text.t1 {
        margin-bottom: 0;
		color:#fff;
        line-height: 1.0;
        font-family: times new roman;
        font-size: 48px!important;
    }
    
    .outlet-card{padding: 15px !important;border-radius: 0!important; background: transparent !important;}
    
    .mobile-outlet-card{
        padding: 15px!important;
		background: #fff0c7 !important;
        
        border-radius: 4px!important;
    }
	
	.top-img {width:100%; margin-left:-1em; margin-top: 0;    margin-bottom: 13em;}
	
}
/* ---- End of max-width 767px CSS ---- */


/* ---- Start of max-width 520px CSS ---- */
@media all and (max-width: 520px) {
	.header-section{height:50px;}
    .subscribe-form{ width: 100%; }
    .card-header a{
        font-size: 14px;
        line-height: 18px;
    }
    #accordion{
        padding-right: 0;
    }
    .subscribe-form input{
        width: 100%;
    }
    .submit-btn{
        width: 100%;
    }
    .default-btn.order{
        font-size: 8px;
    }
    .section-heading h2{
        font-size: 32px;
        line-height: 26px;
        letter-spacing: -0.5px;
    }
    .section-heading h2 br{
        display: none;
    }
    .icons-wrap span.icon-2{
        left: 5%;
        top: 40px;
    }
    .icons-wrap span {
        left: 110px;
        top: 40px;
    }
    .icons-wrap span.icon-3{
        top: 55px;
    } 
    section#video-generic{padding: 32px 10px!important;}
    
    .product-info-wrapper{margin-bottom:1em;}
	.product-info-wrapper .title{ margin:0;    line-height: normal;}
	.product-info-wrapper .text {  font-size: 14px;    line-height: normal;}
	.product-info-wrapper .text2,.product-info-wrapper .text3 { font-size: 8px;    line-height: normal;}
	.hangbox iframe{height:auto;}
    h1.white-text.t1 {font-size: 42px!important;}
	
}
/* ---- End of max-width 520px CSS ---- */


/* ---- Start of max-width 420px CSS ---- */
@media all and (max-width: 420px) {
    .about-list {
        padding: 5% 0;
    }
    h1.white-text.t1 {
        font-size: 40px!important;
    }
}
/* ---- End of max-width 420px CSS ---- */


/* ---- Start of max-width 380px CSS ---- */
@media all and (max-width: 380px) {
	.about-list li {
        font-size: 17px;
    }
    h1.white-text.t1 {
        font-size: 38px!important;
    }
    p.white-text.t2 {
        font-size: 11px;
    }
	
	.top-img{margin-bottom: 11em;}
	section#book { margin-top: 0 !important;}
    
}
/* ---- End of max-width 380px CSS ---- */


/* ---- Start of max-width 360px CSS ---- */
@media all and (max-width: 360px) {
	
}
/* ---- End of max-width 360px CSS ---- */