/* #Foundation Style ================================================== */ .row .column, .row .columns{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container{ margin: 0px auto; padding: 0px 20px; max-width: 1140px; } .boxed-style{ max-width: 1180px; margin-left: auto; margin-right: auto; } .row { width: 1140px; max-width: 100%; margin: 0 auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; } .column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; } .column.wrapper, .columns.wrapper{ padding: 0px; } .row .one { width: 8.333%; } .row .two { width: 16.667%; } .row .three { width: 25%; } .row .four { width: 33.333%; } .row .five { width: 41.667%; } .row .six { width: 50%; } .row .seven { width: 58.333%; } .row .eight { width: 66.667%; } .row .nine { width: 75%; } .row .ten { width: 83.333%; } .row .eleven { width: 91.667%; } .row .twelve { width: 100%; } .row .one-fifth{ width: 20%; } .row .one-sixth{ width: 16.667; } img{ max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } object, embed { max-width: 100%; } .page-left-both-sidebar, .page-left-right-sidebar{ float: left; width: 800px; padding: 0px 10px; } .gdl-right-sidebar{ float: right; width: 300px; padding: 0px 10px; } /* #Foundation Desktop / Tablet ================================================== */ @media only screen and (max-width: 1179px) { .container{ max-width: 960px; } .boxed-style{ max-width: 1000px; } .row .row { margin: 0 -10px; } .column, .columns { padding: 0 10px; } .page-left-both-sidebar, .page-left-right-sidebar{ float: left; width: 620px; } .gdl-right-sidebar{ float: right; width: 300px; } } @media only screen and (max-width: 999px) { .container{ max-width: 728px; } .boxed-style{ max-width: 768px; } .row .row { margin: 0 -10px; } .column, .columns { padding: 0 10px; } .page-left-both-sidebar, .page-left-right-sidebar{ float: left; width: 388px; } .gdl-right-sidebar{ float: right; width: 300px; } } /* #Foundation Mobile ================================================== */ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container{ max-width: 420px; } .boxed-style{ max-width: 460px; } .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .row .column, .row .columns { width: 100%; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; } .page-left-both-sidebar, .page-left-right-sidebar{ float: none !important; width: auto; } .gdl-right-sidebar{ float: none !important; width: auto; } } /* #Custom Style ================================================== */ div.top-responsive-wrapper{ display: none; } div.gdl-navigation-wrapper .responsive-menu-wrapper{ display: none; } /* #Custom Ipad size ================================================== */ @media only screen and (max-width: 1179px) { div.header-wrapper .logo-wrapper{ float: none; padding: 30px 0px 30px; } div.header-wrapper .header-right-banner-wrapper{ text-align: center; float: none; margin: 0px auto; padding: 0px 0px 30px; } body ul.sf-menu li a { padding: 16px 13px; } div.random-post { padding: 17px 20px 14px 10px; } } @media only screen and (max-width: 999px) { body ul.sf-menu li a { padding: 16px 11px; } div.gdl-page-item.columns{ width: 100%; } div.gdl-left-sidebar.columns{ width: 100%; } div.top-navigation-left{ margin-left: 0px; float: none; text-align: center; } div.top-navigation-left ul.top-menu{ display: inline-block; } div.top-navigation-right{ margin-right: 0px; float: none; } div.main-navigation-wrapper .random-post { display: none; } div.gdl-top-slider .nivo-directionNav a.nivo-prevNav, div.gdl-top-slider .nivo-directionNav a.nivo-nextNav, div.gdl-top-slider .flex-direction-nav li .flex-prev, div.gdl-top-slider .flex-direction-nav li .flex-next{ opacity: 1; } div.gdl-top-slider div.flexslider.carousel-included .flex-direction-nav li .flex-prev { left: 0px; } div.gdl-top-slider div.flexslider.carousel-included .flex-direction-nav li .flex-next { right: 0px; } } /* #Custom Mobile size ================================================== */ @media only screen and (max-width: 767px) { /*--- header area ---*/ div.top-navigation-container{ padding-bottom: 10px; } div.top-navigation-left{ margin-left: 0px; float: none; } div.top-navigation-right{ margin-right: 0px; float: none; } div.top-navigation-left div.top-superfish-wrapper{ display: none; } div.top-navigation-left div.top-responsive-wrapper{ display: block; padding-top: 10px; } div.top-navigation-left div.top-responsive-wrapper select{ width: 100%; height: 25px; } div.top-navigation-right div.social-wrapper{ padding: 0px 0px 5px; float: none; display: inline-block; margin: 0px; } div.top-navigation-right div.top-navigation-right-text{ float: none; padding: 0px; } div.top-navigation-right div.top-search-wrapper{ display: none; } div.header-wrapper .logo-wrapper{ float: none; padding: 30px 0px 30px; } div.header-wrapper .header-right-banner-wrapper{ float: none; margin: 0px; padding: 0px 0px 30px; } div.gdl-navigation-wrapper { overflow: hidden; } div.gdl-navigation-wrapper .responsive-menu-wrapper{ display: block; margin: 20px; } div.gdl-navigation-wrapper .responsive-menu-wrapper select{ margin: 0px; } div.gdl-navigation-wrapper .main-navigation-wrapper{ display: none; } div.header-top-marquee{ padding-left: 20px; } div.header-top-marquee .marquee-head{ display: none; } /*--- slider ---*/ .nivo-caption{ display: none !important; } .anythingSlider{ display: none !important; } .flex-caption{ display: none !important; } .flexslider.carousel-included .flex-caption{ display: block !important; } /*--- sidebar ---*/ div.gdl-left-sidebar .sidebar-wrapper{ padding: 0px; } div.gdl-right-sidebar .sidebar-wrapper { padding: 0px; } div.gdl-sidebar-wrapper.gdl-border-y{ background: none; } /*--- single page ---*/ div.adjacent-post .next-post-link i, div.adjacent-post .previous-post-link i{ padding-left: 0px; float: left; } div.adjacent-post .previous-post-link, div.adjacent-post .next-post-link{ float: none; width: 100%; text-align: left; } div.single-portfolio .port-media-wrapper { max-width: 100%; width: 100%; float: none; margin-bottom: 20px; } div.single-portfolio .port-content-wrapper { overflow: visible; } div.single-portfolio .port-nav .port-prev-nav, div.single-portfolio .port-nav .port-next-nav { margin-bottom: 15px; } /*--- page item ---*/ div.price-item{ margin-bottom: 20px; } div.port-nav-wrapper { margin-bottom: 20px; display: inline-block; } div.gdl-blog-medium .blog-medium-media-wrapper{ margin-right: 0px; width: 100%; float: none; margin-bottom: 15px; } div.stunning-text-wrapper { text-align: center; } div.stunning-text-wrapper.shadow-on .stunning-text-shadow{ display: none; } /*--- footer ---*/ div.copyright-left, div.copyright-right{ float: none; text-align: center; } /*--- shortcode ---*/ .shortcode1-4, .shortcode1-4.last, .shortcode1-3, .shortcode1-3.last, .shortcode1-2, .shortcode1-2.last, .shortcode2-3, .shortcode2-3.last, .shortcode3-4, .shortcode3-4.last, .shortcode1-5, .shortcode1-5.last, .shortcode2-5, .shortcode2-5.last, .shortcode3-5, .shortcode3-5.last, .shortcode4-5, .shortcode4-5.last{ width: 100%; } } @media only screen and (max-width: 360px) { div.gdl-social-counter-widget a.social-counter-widget { padding-left: 5px !important; padding-right: 0px !important; } }