/* Media Queries --------------------------- */ @media (min-width: 1200px){ .container { width:1200px; margin: 0 auto; } } @media only screen and (max-width:1199px){ .main-navigation ul li a { font-size: 12px; } .main-navigation li { padding: 0 10px; } .featured-box-img img { width: 100%; /*min-height: 242px;*/ } div#secondary { padding-left: 20px; } ul.social-list i { margin-right: 10px; } } /* Tablet Portrait size to standard 1024 (devices and browsers) */ @media only screen and (max-width:1023px){ .widget .post-item-text { padding-left: 0; width: 100%; } .widget .post-image { float: none; clear: both; overflow: hidden; max-height: 100px; width: 100%; margin-bottom: 20px; } ul.social-list li { margin: 0 10px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px){ header#masthead { position: relative; } .site-branding img{ cursor: pointer; position: absolute; width: 100px; z-index: 999999999; top:10px; } header#masthead.affix .site-branding img{ transition: none; } .caption h2, .single-header-banner h2.entry-title { font-size: 16px; } h3, .caption .date { font-size: 14px; } .caption { padding: 10px; width: 100%; } .slider_arrow_btn a { background-size: 50px; background-repeat: no-repeat; } .caption .readmore { margin-top: 10px; } .standard-social-wrapper { width: 50px; padding: 10px 0 10px; } .standard-inner-social-wrapper:before { border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #222534; bottom: -40px; } .home .full-thumbnail .content-wrapper { padding-left: 65px; } .full-thumbnail h2 { font-size: 18px; } .post-details span { margin-right: 8px; } a.readmore, a.load-more, .posts-navigation .nav-previous a, .posts-navigation .nav-next a, .caption .readmore{ font-size: 12px; margin-right: 10px; padding: 8px 12px; } .post-navigation .nav-previous, .posts-navigation .nav-previous { margin-bottom: 10px; } .post-navigation, .posts-navigation { text-align: center; } .posts-navigation .nav-next, .post-navigation .nav-next { float: none; } .footer-socials-section ul li { margin-right: 10px; } .footer-socials-section a { font-size: 14px; } .site-footer { padding: 20px 15px; } div#secondary { padding-left: 15px; } div#primary { padding-right: 0; } .main-slider:after { top: -6px; } .medium-section-padding { padding-top: 20px; padding-bottom: 20px; } .small-section-padding { padding-top: 10px; padding-bottom: 10px; } .medium-section-padding { padding-top: 20px; padding-bottom: 20px; } .large-section-padding { padding-top: 40px; padding-bottom: 40px; } .single-header-banner{ margin-bottom: 20px; } .sidebar .widget, .full-thumbnail { margin-bottom: 20px; } .top-bar ul#menu-main-menu, .top-bar .top-right, .top-bar .top-left, .top-bar .top-left ul{ text-align: center; } .top-bar .top-left ul { margin: 5px auto; } address.top-address { margin: 0; padding: 4px 0; } .top-right address.top-address, .top-bar ul.social-list li { margin: 0; } .top-bar .search-form { width: 100%; } .top-bar ul.social-list li span { display: none; } ul.social-list i { margin: 0 10px; } .top-bar .top-navigation ul li:last-child { margin-right: 15px; } .top-bar .top-left ul.menu li:first-child { margin-left: 15px; } .footer-socials-section .social-list a { font-size: 13px; } } @media only screen and (max-width:567px){ .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{ width: 100%; } input[type="text"], input[type="password"], textarea, input[type="email"], input[type="tel"], select, .featured-boxes-wrapper .featured-box { width:100%; } .featured-boxes-wrapper .featured-box { margin-bottom: 15px; } } @media only screen and (max-width:568px){ } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px){ }