@media (min-width: 1201px) {
    	
	.top-content .list-box { padding-left: 0; padding-right: 0; margin-top: 20px; }
	.top-content .list-box-icon { font-size: 40px; line-height: 40px; }
	.top-content .list-box h3, .top-content .list-box-description { width: 86%; }
	.top-content .list-box h3 { margin-bottom: 5px; }
    
    .subscribe input[type="text"] { width: 320px; }

    .about-us-divider {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    
    .subscribe input[type="text"] { width: 220px; }	
    
    .about-us-divider {
        display: none;
    }
    
    .thankyou-box .thankyou-box-icon {
        font-size: 100px;
        line-height: 100px;
    }
    
    .l-form-1-top-right  { font-size: 24px; line-height: 40px; margin-top: 15px; }
    .l-form-1-top-left h2 { font-size: 28px !important; line-height: 36px; }
    
    .l-form-1-bottom-left p { 
        margin-top: 0px;
    }

}

@media (min-width: 416px) and (max-width: 767px) {
	    
    .subscribe input[type="text"], .subscribe button { width: 100%; }
    
	.navbar { padding-top: 0; }
	.navbar.navbar-no-bg { background: #333; background: rgba(51, 51, 51, 0.9); }

	.navbar-collapse { border: 0; }
	.navbar-inverse ul.navbar-nav li a:hover, .navbar-inverse ul.navbar-nav li a:focus { padding-bottom: 10px; border-bottom: 1px solid transparent; }
	
	.navbar-inverse ul.navbar-nav li a.btn-link-2 { margin-left: 15px; margin-right: 15px; }
	.navbar-inverse ul.navbar-nav li a.btn-link-2:hover, 
	.navbar-inverse ul.navbar-nav li a.btn-link-2:focus, 
	.navbar-inverse ul.navbar-nav li a.btn-link-2:active, 
	.navbar-inverse ul.navbar-nav li a.btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); border: 1px solid #fff; color: #fff; }
	
	.top-content .list-box { margin-top: 30px; padding-left: 0; text-align: center; }
	.top-content .list-box:first-child { margin-top: 50px; }
	.top-content .list-box-icon { float: none; display: inline-block; }
	.top-content .list-box h3 { float: none; width: auto; margin-top: 20px; }
	.top-content .list-box-description { float: none; width: auto; }
	.top-content .top-big-link { margin-top: 40px; }
	.top-content .top-big-link a.btn { margin-top: 10px; }
	
	.section-description p { padding: 0; }
        
    .pricing-box { padding-bottom: 50px; }
    .pricing-box:last-child { padding-bottom: 0; }
	
    .thankyou-box .thankyou-box-icon {
        font-size: 100px;
        line-height: 80px;
    }
    .l-form-1-top-right  { font-size: 24px; line-height: 40px; margin-top: 0; }
    .l-form-1-top-left h2 { font-size: 28px !important; line-height: 36px; }
    .l-form-1-top-right  { font-size: 18px; line-height: 60px; margin-top: 30px; }
    .l-form-1-bottom-left p { 
        font-size: 14px !important; 
        margin-top: 0px;
    }
    
    .request input[type="text"] {
	    height: 40px;
        line-height: 40px;
    }

    .appCare-request input[type="text"] {
	    height: 40px;
        line-height: 40px;
        font-size: 14px;
   }
    
    .appCare-request button.btn {
	    line-height: 40px;
	    height: 40px;
        font-size: 14px;
    }

}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 24px !important; margin: 0 10px; line-height: 30px;}
    h3 { font-size: 24px !important; }
        
    .top-content .description p {
        font-size: 20px;
        line-height: 28px;
    }
    
    .subscribe input[type="text"], .subscribe button { width: 100%; }
    
    .about-us-box-text h3 {
    	width: 90%;
        margin-right: 10px;
    }

    .about-us-box-text-description {
	    width: 90%;
        margin-right: 10px;
    }
    
    .about-us-box-text-icon {
        margin-left: 41%;
        margin-bottom: 10px;
    }
    
    .thankyou-box .thankyou-box-icon {
        font-size: 100px;
        line-height: 130px;
    }
    
    .l-form-1-top-left h2 { font-size: 20px !important; line-height: 28px; }
    .l-form-1-top-left p { font-size: 14px !important; }
    .l-form-1-top-right  { font-size: 18px; line-height: 40px; margin-top: 0; }
    .l-form-1-bottom-left p { 
        font-size: 14px !important; 
        margin-top: 0px;
    }
    .l-form-1-btn { font-size: 12px; padding: 10px 25% 0 10px; height: 40px; width: 100%;}
    .l-form-1-bottom {
	    padding: 25px 0 90px 25px; 
    }

    .request input[type="text"] {
	    height: 40px;
        line-height: 40px;
    }
    
   .appCare-request input[type="text"] {
	    height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    
    .appCare-request button.btn {
	    line-height: 40px;
	    height: 40px;
        font-size: 14px;
    }
    
    .contact .contact-image { float: none; width: auto; text-align: center; max-width: none;}
    .contact .contact-image .contact-icon { display: none;}
    .contact .contact-image img { max-width: 100px; margin: 0 auto; display: block;}
	.bubble { float: none; max-width:  90%; margin: 0 auto; font-size: 14px; display: block;}
    .footer-container {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    
	h1, h2 { font-size: 24px !important; margin: 0 10px; line-height: 30px;}
    h3 { font-size: 20px !important; }
    
    .top-content .description p {
        font-size: 24px;
        line-height: 30px;
    }
    
    html, body {font-size: 11px !important; }
        	
	.top-content h1 { font-size: 28px !important; line-height: 30px;}
	.top-content .description p { font-size: 20px !important; }
        
    .subscribe input[type="text"], .subscribe button { width: 100%; }
    
    .thankyou-box .thankyou-box-icon {
        font-size: 100px;
        line-height: 130px;
    }
    
    .l-form-1-top-left h2 { font-size: 16px !important; line-height: 24px; }
    .l-form-1-top-left p { font-size: 12px !important; }
    .l-form-1-top-right  { font-size: 16px; line-height: 60px; margin-top: 0;}
    .l-form-1-bottom {
	    padding: 25px 0 90px 25px; 
    }
    .l-form-1-bottom-left p { 
        font-size: 12px !important; 
        margin-top: 0px;
    }
    .l-form-1-btn { font-size: 10px; padding: 10px 12px 0 0; height: 40px; width: 100%;}

    .request input[type="text"] {
	    height: 40px;
        line-height: 40px;
    }

    .appCare-request input[type="text"] {
	    height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    
    .appCare-request button.btn {
	    line-height: 40px;
	    height: 40px;
        font-size: 14px;
    }
    
    .contact .contact-image { float: none; width: auto; text-align: center; max-width: none;}
    .contact .contact-image .contact-icon { display: none;}
    .contact .contact-image img { max-width: 100px; margin: 0 auto; display: block;}
	.bubble { float: none; max-width:  90%; margin: 0 auto; font-size: 14px; display: block;}
    .footer-container {
        font-size: 12px;
    }
}


@media (max-height: 736px) {
    
    .pricing-box-price {
        padding: 10px 0 7px 0;
        font-size: 36px;
        line-height: 40px;
    }

    .pricing-box-price-top {
        padding: 10px 0 7px 0;
        font-size: 36px;
        line-height: 40px;
    }
    
    .top-content .text h1 {
        padding-bottom: 10px;    
    }
    
    .section-container {
        padding-bottom: 20px;
    }
    
    .navbar {
        margin-bottom: 0;
        height:20px !important;
    }
    
    .request { margin-top: 20px; }
    
    label {
        margin-top: 0;
    }
    
    .wizard > .content > .body {
        padding-top: 10px;
        padding-left: 5%;
        padding-right: 1%;
        padding-bottom: 0%;
    }
    
}

@media (max-height: 667px) {
    .elaborate {
        display: none;
    }
}

/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
    /* logo */
    .navbar-brand {
        background-image: url(/assets/img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 181px 46px !important;
    }
	
}