/* Theme Name: Twenty Fifteen Theme URI: https://wordpress.org/themes/twentyfifteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. Version: 1.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: twentyfifteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents * * 1.0 - Reset * 2.0 - Genericons * 3.0 - Typography * 4.0 - Elements * 5.0 - Forms * 6.0 - Navigations * 6.1 - Links * 6.2 - Menus * 7.0 - Accessibility * 8.0 - Alignments * 9.0 - Clearings * 10.0 - Header * 11.0 - Widgets * 12.0 - Content * 12.1 - Posts and pages * 12.2 - Post Formats * 12.3 - Comments * 13.0 - Footer * 14.0 - Media * 14.1 - Captions * 14.2 - Galleries * 15.0 - Multisite * 16.0 - Media Queries * 16.1 - Mobile Large * 16.2 - Tablet Small * 16.3 - Tablet Large * 16.4 - Desktop Small * 16.5 - Desktop Medium * 16.6 - Desktop Large * 16.7 - Desktop X-Large * 17.0 - Print */ /** * 1.0 - Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint. */ @font-face { font-family:"MillerTextRoman"; src:url("fonts/MillerTextRoman.eot?") format("eot"), url("fonts/MillerTextRoman.woff") format("woff"), url("fonts/MillerTextRoman.ttf") format("truetype"), url("fonts/MillerTextRoman.svg") format("svg"); font-weight:normal; font-style:normal; } @font-face { font-family:"Lato-Light"; src:url("fonts/Lato-Light.eot?") format("eot"), url("fonts/Lato-Light.woff") format("woff"), url("fonts/Lato-Light.ttf") format("truetype"), url("fonts/Lato-Light.svg") format("svg"); font-weight:normal; font-style:normal; } .top-navigation li a, .banner-box ul li p span, .heading, .section-block-heading, .section-button a, .wpcf7-submit, .section-customproduct p, .mtext, .footer-link ul li a, .contact-input-text p{font-family:"MillerTextRoman";} /******************************** Common Style */ html{font-size: 16px;} body { font-size: 16px; width:100%; font-family:"Lato-Light"; color:#000000;} p { font-size: 1rem; line-height: 1.800rem; margin-bottom: 1.3rem;} a{ color:#46166b; text-decoration:underline} hr{height:1px; width:100%; border:0; background:#c2c2c2;} img {display:inline-block; max-width:100%;} a:hover, a:focus{ color:#e1c216} .alignleft {display: inline;float: left;} .alignright {display: inline;float: right;} .aligncenter {display: block;margin-right: auto;margin-left: auto;} /******************************** Font Size */ p.h-26x{ line-height:2.250rem} .h-32x{font-size: 2.000rem!important;} .h-40x, .widget-title{font-size: 2.500rem!important;} .h-44x{font-size: 2.750rem!important;} .h-50x{font-size: 3.125rem!important;} .h-60x{font-size: 3.750rem!important;} .h-100x{ font-size:6.250rem!important} .p-20x{font-size: 1.250rem!important; line-height: 1.7rem!important;} .p-15x{font-size: 0.938rem!important; line-height: 1.3rem!important;} /******************************** Margin & Padding */ .p-tb60 { padding-top: 3.750rem; padding-bottom: 3.750rem; } .p-tb70 { padding-top: 4.375rem; padding-bottom: 4.375rem; } .p-tb80 { padding-top: 5.000rem; padding-bottom: 5.000rem; } .p-tb90 { padding-top: 5.625rem; padding-bottom: 5.625rem; } .p-tb100 { padding-top: 6.250rem; padding-bottom: 6.250rem; } .p-t30 { padding-top:1.875rem;} .p-t60 { padding-top: 3.750rem; } .p-t70 { padding-top: 4.375rem; } .p-t80 { padding-top: 5.000rem; } .p-t90 { padding-top: 5.625rem; } .p-t100 { padding-top: 6.250rem; } .p-b30 {padding-bottom:0.875rem;} .p-b60 { padding-bottom: 3.750rem; } .p-b70 { padding-bottom: 4.375rem; } .p-b80 { padding-bottom: 5.000rem; } .p-b90 { padding-bottom: 5.625rem; } .p-b100 { padding-bottom: 6.250rem; } .m-b60 { margin-bottom: 3.750rem; } .m-b70 { margin-bottom: 4.375rem; } .m-b80 { margin-bottom: 5.000rem; } .m-b90 { margin-bottom: 5.625rem; } .m-b100 { margin-bottom: 6.250rem; } .m-t60 { margin-top: 3.750rem; } .m-t70 { margin-top: 4.375rem; } .m-t80 { margin-top: 5.000rem; } .m-t90 { margin-top: 5.625rem; } .m-t100 { margin-top: 6.250rem; } .m-auto{ margin:0 auto;} /******************************** Backgrounds */ /******************************** Font Colors */ /******************************** Form & Buttons */ /***************Input*/ /***************Select Box*/ /* plugin */ .bx-wrapper{position:relative;margin:0 auto 60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#000;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000; border:3px solid #CCC}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:-45px;background:url(images/controls.png) 0 0px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:-45px;background:url(images/controls.png) -70px 0px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-70px 0px}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{opacity:0.5}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 50px; height: 50px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-pager.bx-default-pager a { background: #000; text-indent: -9999px; display: block; width: 17px; height: 17px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 20px; border: 4px solid #e1c216; } .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #000; border: 4px solid #CCC; } /**/ /* MM MENU BEGINS * --------------------------------------- */ .mm-menu.mm-horizontal>.mm-panel { -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease } .mm-menu .mm-hidden { display: none } .mm-wrapper { overflow-x: hidden; position: relative } .mm-menu, .mm-menu>.mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0 } .mm-menu { display: block; overflow: hidden; padding: 0 } .mm-menu>.mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translateX(100%); transform: translateX(100%) } .mm-menu>.mm-panel.mm-opened { -webkit-transform: translateX(0); transform: translateX(0) } .mm-menu>.mm-panel.mm-subopened { -webkit-transform: translateX(-30%); transform: translateX(-30%) } .mm-menu>.mm-panel.mm-highest { z-index: 1 } .mm-menu .mm-list { padding: 20px 0 } .mm-menu>.mm-list { padding-bottom: 0 } .mm-menu>.mm-list:after { content: ''; display: block; height: 40px } .mm-panel>.mm-list { margin-left: -20px; margin-right: -20px } .mm-panel>.mm-list:first-child { padding-top: 0 } .mm-list, .mm-list>li { list-style: none; display: block; padding: 0; margin: 0 } .mm-list { font: inherit; font-size: 1rem } .mm-list a, .mm-list a:hover { text-decoration: none } .mm-list>li { position: relative } .mm-list>li>a, .mm-list>li>span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; font-size: 1.15rem } .mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; bottom: 0; width: auto; margin-left: 20px; position: relative; left: auto } .mm-list a.mm-subopen { background: rgba(3,2,1,0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2 } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0 } .mm-list a.mm-subopen.mm-fullsubopen { width: 100% } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none } .mm-list a.mm-subopen+a, .mm-list a.mm-subopen+span { padding-right: 5px; margin-right: 40px } .mm-list>li.mm-selected>a.mm-subopen { background: 0 0 } .mm-list>li.mm-selected>a.mm-fullsubopen+a, .mm-list>li.mm-selected>a.mm-fullsubopen+span { padding-right: 45px; margin-right: 0 } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px } .mm-list>li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px } .mm-list>li.mm-spacer { padding-top: 40px } .mm-list>li.mm-spacer.mm-label { padding-top: 25px } .mm-list a.mm-subclose:before, .mm-list a.mm-subopen:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50% } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent } .mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel { display: block } .mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen { height: 40px } .mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px } .mm-menu.mm-vertical .mm-list>li.mm-opened.mm-label>a.mm-subopen { height: 25px } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0,0,0,.5); box-sizing: border-box; position: relative } .mm-menu { background: #333; color: rgba(255,255,255,.6) } .mm-menu .mm-list>li:after { border-color: rgba(0,0,0,.15) } .mm-menu .mm-list>li>a.mm-subclose { background: rgba(0,0,0,.1); color: rgba(255,255,255,.3) } .mm-menu .mm-list>li>a.mm-subclose:before, .mm-menu .mm-list>li>a.mm-subopen:after { border-color: rgba(255,255,255,.3) } .mm-menu .mm-list>li>a.mm-subopen:before { border-color: rgba(0,0,0,.15) } .mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen), .mm-menu .mm-list>li.mm-selected>span { background: rgba(0,0,0,.1) } .mm-menu .mm-list>li.mm-label, .mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened>ul { background: rgba(255,255,255,.05) } .mm-page { -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease } html.mm-opened { overflow: hidden; position: relative } html.mm-opened body { overflow: hidden } html.mm-background .mm-page { background: inherit } #mm-blocker { background: rgba(3,2,1,0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 } html.mm-blocking #mm-blocker, html.mm-opened #mm-blocker { display: block } .mm-menu.mm-offcanvas { display: none; position: fixed } .mm-menu.mm-current { display: block } .mm-menu { width: 80%; min-width: 140px } html.mm-opening #mm-blocker, html.mm-opening .mm-page { -webkit-transform: translate(80%, 0); transform: translate(80%, 0) } /***********************Header ********************************/ .banner{background:url(images/header_bg.jpg);background-size:cover;height: 700px;border-bottom: 5px solid #e1c216;} .top-navigation{background:#ffffff;margin-top: 10px;} .top-navigation ul{ padding-left:0;} .top-navigation li {padding:5px 5px 5px 68px; display:inline-block;} .top-navigation li a {color:#000000; text-decoration:none; font-size:1.875rem;} .top-navigation li:first-child{ padding-left:0} .botmborer {border-bottom: 5px solid #e1c216;margin-top: 4px;} .banner-box ul li {display:inline-block;} .banner-box ul li p{background:#e1c216; padding: 30px 10px;} .banner-box ul li p img{ padding-bottom:20px;} .banner-box ul li p span{ display:block; min-height:66px; line-height:34px;font-size:1.875rem;} .banner-list a{ color:#000; text-decoration:none;} .section-customproduct p{font-size:1.875rem; background: #e1c216; padding: 20px; margin: 0;} .section-customproduct ul li {display:inline-block;} .contact-form-bg { padding-top: 300px; padding-bottom: 70px; background-size:cover } .logo {padding-bottom:15px;} .mobileMenuIcon { display: none; position: absolute; right: 20px; font-size: 35px; color: #e1c216; text-decoration: none; top: 18px; } #mobile_menu { display: none; } .mm-opened { display: block !important; } /********************** Navigation ***************************/ /************************************* Home Page ***************************************/ .content-section{background:#f3f2ec;border-bottom: 8px solid #e1c216; background-size:100% 100%; padding:50px 0} .heading{display:inline-block; min-width:200px; border-bottom:#e1c216 5px solid; margin:0 auto;} .heading span{ display:inline-block;background:#ffffff; padding:10px 60px; margin-bottom:10px;} .banner-box{ padding-top:400px; background-size:100% 100%; padding-bottom:200px; border-bottom: 8px solid #e1c216;} .default-section{ padding-top:250px; background-size:100% 100%; padding-bottom:200px; border-bottom: 8px solid #e1c216;} .section-block-inline li{ display:inline-block; float:none; width:24%; padding:0 17px 50px;} .section-block-heading {background: #e1c216;color: #000000;padding: 8px 8px;font-size:1.750rem;} .section-block div {border-bottom: 3px solid #e1c216; padding-bottom: 48px;} .section-block span{display:block;} .section-block p{font-size: 18px;line-height: 22px;padding-top: 40px;} .section-block span img{padding-top: 30px;} .section-button a, .wpcf7-submit{background:#e1c216; text-decoration:none; color:#000000; padding: 13px 35px 19px;font-size:1.875rem;} .wpcf7-submit{ border:none; min-width:280px;} .section-product {background:url(images/section-bg.jpg); border-bottom: 5px solid #e1c216;} .product-list {background:rgba(254, 254, 254, 0.9);border-bottom: 3px solid #e1c216;} .product-list p{margin: 0; line-height: 25px; font-size:20px;padding:10px 30px;} .product-list ul li{ padding:0 15px 20px} .section-strikes {background:url(images/section1-bg.jpg); border-bottom: 5px solid #e1c216;} .aboutsection-strik{background:#e1c216; font-size:20px; padding: 13px;} .aboutsection-strik p{font-size: 20px; padding: 10px 100px;line-height: 25px; } .aboutsection-garment { background: #e1c216; font-size: 20px; padding: 13px; } .aboutsection-garment p {font-size: 20px; line-height: 25px;padding: 0 50px;} .section-strik {background: #e1c216;font-size: 20px; padding: 40px 20px 20px;} .section-strik h3{font-size:1.875rem; font-weight: bold; font-family:"MillerTextRoman";} .section-strik p{padding: 0px 10px;font-size: 20px;} .about-content{background:url(images/about-banner.jpg); border-bottom: 5px solid #e1c216;} .read-more-btn{font-size:20px; } .read-more-btn .fa{ color:#000} .contact-details p{font-size:1.563rem; line-height: 34px; padding-left: 40px; position:relative;} .contact-details ul li{font-size:1.563rem; list-style:none;} .contact-details .fa {font-size:1.875rem; margin-right:10px; width:25px; position:absolute; left:0;} .contact-hour{font-weight:bold;} .contact-time ul li{font-size:20px; padding: 10px 0px 10px 5px;} .map-icon{ background:url(images/map-icon.png) no-repeat;} .phone-icon{ background:url(images/phone-icon.png) no-repeat;} .fax-icon{ background:url(images/fax-icon.png) no-repeat;} .email-icon{ background:url(images/email-icon.png) no-repeat;} .facebook-icon{ background:url(images/facebook-icon.png) no-repeat;} .instagram-icon{ background:url(images/instagram-icon.png) no-repeat;} /*************************************** Footer ******************************/ .footer {background:#181511; color:#ffffff; font-family: "Lato-Light"; font-size:15px;} .footer-logo-text p {padding: 30px 60px 0px 0px; font-size: 15px; line-height: 25px;} .footer-link {padding-top: 30px; line-height: 34px; font-family: "Lato-Light";} .footer-contact h3{font-size:1.875rem;font-family:"MillerTextRoman"; letter-spacing:3px; margin-top:0} .footer-contact ul{ padding:0; margin:0;} .footer-contact ul li { list-style: none; padding: 0 60px 10px 0; line-height: 25px; } .footer-contact ul li p{padding-left: 40px; position:relative;margin-bottom: 0; padding-bottom: 8px;} .footer-contact ul li p a{ color:#fff; text-decoration:none;} .footer-link ul{ margin:0; padding:0} .footer-link ul li a {color:#ffffff; text-decoration: none; } .footer-link li {padding: 0 10px 10px 0px; list-style: none;} /***************************** contact page**********************************/ .contact-form{background:rgba(255, 255, 255, 0.52); padding:30px 0;} .contact-banner{background:url(images/cantact_bg.jpg); background-size: cover;} .contact-input-text input[type="text"] {width:100%; padding: 10px; margin-bottom: 10px;border: none;} .contact-input-text input[type="tel"] {width:100%; padding: 10px; margin-bottom: 10px;border: none;} .contact-input-text input[type="email"] {width:100%; padding: 10px; margin-bottom: 10px;border: none;} .contact-input-text textarea {border:none; width:100%; height:200px} .contact-input-text p{font-size:1.750rem;} .sent-button h3 a{ padding: 12px 100px;} /*************************** about us*****************************************/ .about-bg {background:url(images/about-bg.jpg);background-size: cover; border-bottom: 5px solid #e1c216;height: 700px;} .abanner { height: 600px; padding-top: 100px;} .unique li{padding:5px;} .innovative {background:#f3f2ec; border-bottom: 5px solid #e1c216;} .garment {background:url(images/garment-bg.jpg); border-bottom: 5px solid #e1c216;} /******************************* media Queries ********************************/ @media only screen and (min-width: 1400px) and (max-width: 1600px){ } @media only screen and (min-width: 1200px) and (max-width: 1400px){ } @media only screen and (min-width: 992px) and (max-width: 1200px) { html{ font-size:14px;} } @media only screen and (min-width: 1025px) and (max-width: 1199px) { } /* iPhone (Portrait & Landscape) ----------- */ @media only screen and (max-width: 767px){ /* ------------------------- General ------------------------- */ html{ font-size:12px;} /******************************** Margin & Padding */ .m-t20, .m-t30, .m-t40, .m-t50{ margin-top:10px!important;} .m-b20, .m-b30, .m-b40, .m-b50{margin-bottom:10px!important;} .m-tb20, .m-tb30, .m-tb40, .m-tb50{margin-top:10px!important;margin-bottom:10px!important;} .lh-none{ line-height:normal !important;} .p-t20, .p-t30, .p-t40, .p-t50{ padding-top:10px !important;} .p-b20, .p-b30, .p-b40, .p-b50{ padding-bottom:10px !important;} .p-tb20, .p-tb30, .p-tb40, .p-tb50{ padding-top:10px !important; padding-bottom:10px !important;} .p-l20, .p-l30, .p-l40, .p-l50{ padding-left:10px !important;} .p-r20, .p-r30, .p-r40, .p-r50{ padding-right:10px !important;} .p-lr20, .p-lr30, .p-lr40, .p-lr50{ padding-left:10px !important; padding-right:10px !important;} .p-tb60, .p-tb70, .p-tb80{ padding-top: 10px; padding-bottom: 10px; } .p-tb90, .p-tb100{ padding-top: 10px; padding-bottom: 10px; } .p-t60 { padding-top: 10px; } .p-t70, .p-t80, .p-t90, .p-t100{ padding-top: 40px; } .p-b60{ padding-bottom: 10px; } .p-b70, .p-b80, .p-b90, .p-b100{ padding-bottom: 40px; } .m-b60{ margin-bottom: 10px; } .m-b70, .m-b80, .m-b90, .m-b100{ margin-bottom: 40px; } .m-t60 { margin-top: 10px; } .m-t70, .m-t80, .m-t90, .m-t100{ margin-top: 40px; } .h-26x{ font-size: 18px;} .h-32x{font-size: 22px!important;} .h-40x{font-size: 26px!important;} .h-44x, .h-80x{font-size: 28px!important;} .h-60x { font-size: 2.000rem!important;} .section-block-inline li{ width:100%} .logo img { max-width:75%; display:block} .mobileMenuIcon { display: block; } .top-navigation{ display:none} .heading span{ padding:10px;} .banner-box, .default-section { padding-top: 110px; padding-bottom: 0px; } .heading { display: block; margin: 0 20px; } .heading span{ display:block} [class*="block-grid-"]>li { padding: 0 10px 10px; } .banner-box ul li p { padding: 10px 10px; } .contact-form-bg { padding-top: 72px; padding-bottom: 5px; } .contact-input-text{ padding:0 10px} .contact-input-text .col-md-1, .contact-input-text .col-md-2{ display:none} .bx-wrapper .bx-controls-direction a{ display:none} } /* iPhone (Portrait) ----------- */ @media only screen and (min-width: 320px) and (max-width: 479px){ } /* for mobile & ipad whom width stand between this size ----------- */ /* iPhone (Landscape) ----------- */ @media screen and (min-width: 480px) and (max-width: 767px){ } /* iPad (Potrait & Landscape) ----------- */ @media only screen and (min-width: 768px) and (max-width: 1024px){ /******************************** Margin & Padding */ html{ font-size:12px;} .m-t20, .m-t30, .m-t40, .m-t50{ margin-top:20px!important;} .m-b20, .m-b30, .m-b40, .m-b50{margin-bottom:20px!important;} .m-tb20, .m-tb30, .m-tb40, .m-tb50{margin-top:20px!important;margin-bottom:20px!important;} .lh-none{ line-height:normal !important;} .p-t20, .p-t30, .p-t40, .p-t50{ padding-top:20px !important;} .p-b20, .p-b30, .p-b40, .p-b50{ padding-bottom:20px !important;} .p-tb20, .p-tb30, .p-tb40, .p-tb50{ padding-top:20px !important; padding-bottom:20px !important;} .p-l20, .p-l30, .p-l40, .p-l50{ padding-left:20px !important;} .p-r20, .p-r30, .p-r40, .p-r50{ padding-right:20px !important;} .p-lr20, .p-lr30, .p-lr40, .p-lr50{ padding-left:20px !important; padding-right:20px !important;} .p-tb60, .p-tb70, .p-tb80{ padding-top: 20px; padding-bottom: 20px; } .p-tb90, .p-tb100{ padding-top: 40px; padding-bottom: 40px; } .p-t60, .p-t70, .p-t70, .p-t80{ padding-top: 20px; } .p-t90, .p-t100{ padding-top: 40px; } .p-b60, .p-b70, .p-b80{ padding-bottom: 20px; } .p-b90, .p-b100{ padding-bottom: 40px; } .m-b60, .m-b70, .m-b80{ margin-bottom: 20px; } .m-b90, .m-b100{ margin-bottom: 40px; } .m-t60, .m-t70, .m-t80{ margin-top: 20px; } .m-t90, .m-t100{ margin-top: 40px; } .h-32x{font-size: 22px!important;} .h-40x{font-size: 26px!important;} .h-44x{font-size: 28px!important;} .top-navigation li { padding: 5px 5px 5px 25px; display: inline-block; } .banner-box, .default-section { padding-top: 284px; background-size: cover; padding-bottom: 56px; border-bottom: 8px solid #e1c216; } } /* iPad (Potrait) ----------- */ @media only screen and (min-width: 768px) and (max-width: 959px){ } /* iPad (landscape) ----------- */ @media only screen and (min-width: 960px) and (max-width: 1023px){ } @media only screen and (min-width: 1024px) and (max-width: 1200px){ } /* 2x Retina Display */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5){ } /*============ Custom Css===========*/