Current File : //proc/thread-self/root/home/itiffy/public_html/public/css/responsive-b.css |
@media only screen and (max-width:760px){img{max-width:100%;height:auto;}
.header-section{height:auto;}
.header-section .figure img{width:100px;}
.header-section .nav{padding:10px 0;position:relative;z-index:9999;}
#nav-trigger{display:block;padding:14px 0;text-align:right;}
nav#site-navigation{display:none;}
nav#nav-mobile{display:block;z-index:99999;width:220px;}
.banner-section{}
.inner-banner-section .inner-caption{position:inherit;top:auto;right:auto;margin:30px auto;}
.content-section{}
.content-section h2{font-size:30px;}
.content-section h3{font-size:28px;}
.content-section h4{font-size:22px;}
.content-section p{font-size:14px;}
.welcome-section{padding:15px 0;background-color:#FFFFFF;}
.welcome-section h2{padding:10px 0 10px 0;}
.welcome-section h2 strong{display:inline;}
.welcome-section [class*="col-"]{padding:15px;}
.gallery-section{padding:15px 0;}
.testimonial-section{padding:15px;}
.testimonial-section section{margin-top:15px;}
.get-in-touch-section{padding:25px 15px;background:#008b40;background:-moz-linear-gradient(left, #008b40 0%, #008b40 50%, #008b40 50%, #008b40 100%);background:-webkit-linear-gradient(left, #008b40 0%,#008b40 50%,#008b40 50%,#008b40 100%);background:linear-gradient(to right, #008b40 0%,#008b40 50%,#008b40 50%,#008b40 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008b40', endColorstr='#008b40',GradientType=1);}
.get-in-touch-section input[type="submit"]{margin-bottom:25px;}
.cms-section{padding:30px 0 15px 0;background-color:#FFFFFF;}
.cms-section [class*="col-"]{padding:15px;}
.cms-section h2{font-size:30px;padding:0;}
.cms-section h3{font-size:28px;}
.cms-section h4{font-size:24px;}
.cms-section h5{font-size:20px;}
.cms-section h6{font-size:16px;}
.icon-box{padding:10px;font-size:14px;}
.form-section input[type="text"], .form-section input[type="email"], .form-section input[type="tel"], .form-section textarea, .form-section select{margin:5px 0 10px 0;padding:5px 10px;width:100%;height:40px;font-size:14px;}
.form-section textarea{height:80px;resize:none;overflow:auto;}
.form-section select{background:#f9f9f9 url(../images/select-arrow.png) no-repeat right !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 7px;}
.form-section select option{padding:3px 10px;}
.form-section input[type="submit"]{margin:10px 0;padding:5px 15px;height:40px;}
.footer-section{padding:15px 0;}
.footer-section .menu ul li{margin:0;padding:5px 10px;font-size:14px;display:inline-block;}
.footer-section p{font-size:10px;font-weight:400;line-height:1.4;color:#FFFFFF;padding:20px 0;}
.footer-section ul.socials li{padding:0 5px;}
.footer-section ul.socials li img{width:30px;}
}
@media only screen and (min-width:480px) and (max-width:760px){}
@media only screen and (min-width:760px) and (max-width:1000px){img{max-width:100%;height:auto;}
.header-section{}
.header-section .nav{padding:10px 0;}
#nav-trigger{display:block;padding:14px 0;text-align:right;}
nav#site-navigation{display:none;}
nav#nav-mobile{display:block;z-index:99999;width:220px;}
.banner-section{}
.content-section{}
.welcome-section, .get-in-touch-section{padding:50px 15px;}
.welcome-section h2 strong{display:inline;}
.gallery-section .gallery-box h4{font-size:20px;}
.footer-section{}
}
@media only screen and (min-width:1001px) and (max-width:1200px){.header-section .nav ul li{padding:0 10px;}
.welcome-section, .get-in-touch-section{padding:50px 15px;}
}