﻿/*  Media for iPhone landscape */
@media only screen and (max-width: 767px) {.page .hero-button-2 {background: #d2ae2f;}	
.comment-content {padding-left: 0px;} 
.line-box {display: block !important;} 
.blog-image {width: 100%;} 
.line-box .col-md-8 {padding: 4%;} 
.overflow-ab iframe {width: 100%; height: auto;}
.sidebar-blog {border-top: 1px solid #eee; margin-top: 25px;  padding-top: 15px;} 
.single-post .main-content {padding: 20px;}
.cheat-wrp {width: 100%;} 
#mob-menu .navbar-default .navbar-toggle {border-color: #ce9901;}#mob-menu .navbar-default .navbar-toggle .icon-bar {background-color: #ce9901;} 
#sidebar {position: relative;}#footer .footer-section p {padding: 0px;}#footer .footer-section {text-align: left;}#sidebar .navbar-default {height: auto;margin-bottom: 0px; padding-top: 50px;} #mob-menu .navbar-toggle {margin-top: 18px;}
.header-logo img {max-width: 100%;} 
.header-logo {text-align: left; width: 200px;height: 85px;; float: left;  position: relative; top: 0px; left: 15px; padding: 5px; z-index: 9999999999;} .hero-mobile h1 {font-size: 325%;}.hero-mobile h2 {font-size: 255%;}
.hero-mobile h5 {font-size: 145%; line-height: 1.6;} 
#mob-menu .navbar {margin-bottom: 0px;}#mob-menu .navbar-default {background-image: url(../images/header-bg3.png);background-color: #494ebd;background-position: 0px 120px;   background-repeat: no-repeat;} #mob-menu .navbar-default .navbar-nav > li > a {color: #fff;}
.single-post #mob-menu .navbar-default {
    background-image: url(../images/header-bg-blog.png);
    background-color: rgba(153, 64, 242, 0.058);
    background-position: 0px 120px;   background-repeat: no-repeat;
} 
#mob-menu .navbar-default .navbar-nav > li > a:hover, #mob-menu .navbar-default .navbar-nav > li > a:focus {background-color: rgba(46, 48, 62, 0.62);} 
.navbar-collapse{margin-top: 15px;} 
.home-hero {padding-top: 330px !important; background-position: -325px center; height: 200px; padding-bottom: 115px !important;}.hero-mobile {background: rgb(251, 251, 251); padding: 20px 0px; text-align: center;margin-top: 0px;}.main-content {padding: 25px;} 
.home-hero h2 {font-size: 50px;margin: 0 auto;color:#fff;}.dt-sc-button {background: rgba(43, 43, 43, 0.61);  color: #fff;}.home-hero h5 {font-size: 17px; font-weight: 400;color: #e6e6e6; letter-spacing: 1px;} 
#footer .footer-copyright {margin-left: 0%; position: relative; width: 100%;} 
.dt-sc-button {padding: 18px 20px;}.main-content {margin-bottom: 10px;} 
.title-quote h5 {padding: 70px 0px 40px 70px;} 
#footer {padding-left: 6%;height: auto;background: rgb(251, 251, 251);color: #2e303e !important;}#footer a {color: #2e303e !important;}#footer	.copyright {text-align: left;}#footer-section {margin: 20px auto 0; padding: 30px 0 0;} 
#footer h4:nth-child(n+2) a:before {display: none} 
.title-quote h5:before {left: 40px;height: 50%;width: 1px; top: 60px;} 
.social-list {margin: 40px auto 10px; font-size: 10px;  float: none;  text-align: center; padding: 0;} 
.itune-app img {width: 80%; padding-bottom: 30px; margin: 0 auto; display: block;} 
.button-new {height: 50px; width: 100%; font-size: 16px; line-height: 25px;}#footer h4 {text-align: left;font-size: 16px;color: #2e303e !important} 
.landing .dim {position: relative;}.landing .text {position: absolute;bottom: -62%;}#myBtn {display: none;} 
.hero-depression {padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px;height: 565px;} 
.hero-depression h1 {font-size: 430%;}
.hero-insomnia h1 {font-size: 450%;}
.hero-conception h1 {font-size: 400%;}
.hero-birth h1 {font-size: 330%;}
.hero-smoke h1 {font-size: 400%;}
.hero-list h1 {font-size: 450%;}
.hero-testimony h1 {font-size: 450%;}
.hero-confidence h1 {font-size: 400%;} .hero-bg h1 {
	font-size: 300%; 
	text-shadow: 1px 1px 1px #fff;
	position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} 
.error404 .hero-bg h1 {font-size: 800%;} 
.page-id-1407 .hero-bg h1 {
    width: 100%;
	top: 40%;
    left: 0;
    transform: none;
} 
.query a {clear:both;} 
.menu-item-has-children:hover > ul:before {display: none;} 
.testimonial-card .card-up {height: 160px;overflow: visible;}
.card-title {padding-left: 0; margin-top: 0; padding-top: 10%; text-align: center;}
.testimonial-card .avatar {margin-left: 26.5%;width: 160px;}
.card-quotes {left: 5%;}
.card-body {padding: 10%;margin-left: 0; margin-top: -5%;} 
.error-404 .search-form input[type="search"], .search-no-results .search-form input[type="search"] {padding: 0; width: 100%;margin-bottom: 10px;} 
.error-404 .search-form label, .search-no-results .search-form label {width: 100%;} 
.error-404 .search-form input[type="submit"], .search-no-results .search-form input[type="submit"] {margin-left: 0px; width: 100%;} 
.form-contact {padding: 25px 25px 25px 25px;} 
.captcha-871 input {width: 100%;} 
.wpcf7-captcha-captcha-871 {width: 160px;height: 40px;padding: 0;} 
.social-list li {padding: 0px;} 
.main-content .hero-button-2 {width: 100%;}
.form-contact-side h4 {font-size: 17px;} 
}
/*  Media for iPhone Portraite */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2){ 
   

}
/*  Media for iPad landscape */
@media only screen 
  and (min-device-width: 994px) 
  and (max-device-width: 1025px)
  and (-webkit-min-device-pixel-ratio: 2){
	   
} 

@media (min-width: 992px) {
	 
} 
@media (min-width: 768px) {  
 

} 
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 993px)
  and (-webkit-min-device-pixel-ratio: 2) {
.page .modal-dialog { margin-left: 28%; width: 550px;}	  
.comment-content {padding-left: 0px;}	    
.line-box {display: block !important;}  
.card-body {margin-left: 30%;}
.card-title {padding-left: 30%;}
.card-quotes {top: 30%;}  
.landing video {height: 780px;}
.main-content {
    padding-left: 40px;
    padding-right: 20px;
} 
.home-hero {
    padding-left: 40px;
    padding-right: 20px;
    background-position-x: -300px;
} 
#footer h4 {
    font-size: 16px;
    text-align: left;
    margin-bottom: 40px;
} 
#footer {padding: 22px;}
} 
@media only screen 
  and (min-device-width: 994px) 
  and (max-device-width: 1124px)
  and (-webkit-min-device-pixel-ratio: 2) { 
#footer h4 {font-size: 12px; text-align: left;}
} 
@media screen 
  and (min-device-width: 1300px) 
  and (max-device-width: 1400px) 
  and (-webkit-min-device-pixel-ratio: 1) {  
#menu-item-1565:hover > ul:before {margin-top: 33.5%;}
#menu-item-1565 > ul {top: -100px;} 
#sidebar .navbar-nav > li > a {padding: 15px;} 
.header-logo {padding: 20px 10px 0px;} 
} 

@media only screen and (max-width: 359px) {
    
} 
@media (min-width: 1440px) { 
.landing video {
    height: 750px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    object-fit: cover;
    max-width: 100%;
    margin-bottom: -10px;
}  
.hero-bg {height: 600px;} 
.hero-bg h1 {padding: 20%; margin: 0;}
} 
@media (min-width: 1820px) { 
.landing video {height: 1055px;}   
.hero-bg {height: 700px;} 
.hero-bg h1 {padding: 16% 25%; margin: 0;top: 50%;left: 5%;} 
.error404 .hero-bg h1 {left: -25%;} 
}