/****************************** *MediaQuery IPAD ******************************/ @media (max-device-width: 768px) and (orientation: portrait){ /*********************** *HEADER ************************/ /*** RESPONSIVE MENU ***/ .top-bar{height: 140px;} .top-bar > ul .name img { margin-top: 10px;} .top-bar > ul{height: 140px; margin-bottom: 0;} #header #responsive_menu{width: 100%;} #header #header_menu_container ul#header_menu{float: none; padding-right: 0px; padding-top: 0px; text-align: left;} #header #header_menu_container ul#header_menu > li{float: none; border-top: 1px solid #dddddd;} #header #header_menu_container ul#header_menu > li+li{margin-left: 0px;} #header #header_menu_container ul#header_menu > li a{height: 55px; line-height: 55px} #header #header_menu_container ul#header_menu > li.give-now {text-align: center;} #header #header_menu_container ul#header_menu > li.give-now a{height: 35px; background-color: #b22d3a; width: 90%; display: block; margin: 10px auto; line-height: 35px; color: #ffffff; border-radius: 2px; padding-left: 0px !important;} #header #header_menu_container ul#header_menu > li #search-mobile {width: 90%; margin: 10px auto;} /*********************** *SLIDER ************************/ #slider{height: auto;} #slider .orbit-caption{position: static; height: auto; padding: 25px 20px; background-color: #4c4c4c;} #slider .orbit-caption div{ float: none !important;} #slider .orbit-caption #title-slider h1{padding: 0; font-size: 35px; line-height: 1.2;} #slider .orbit-caption #description-slider a{margin-right: 0px; font-size: 22px; padding: 10px 0px; width: 100%;} /*********************** *MAIN ARTICLES (HOME TEMPLATE) ************************/ #main_articles .main_articles_single{padding-right: 20px !important; padding-left: 20px !important;} #main_articles .main_articles_single .main_articles_info{padding: 18px 15px;} /*********************** *DID YOU KNOW (HOME TEMPLATE) ************************/ #did_you_know #did_you_know_block div.twelve{padding: 0 20px !important;} /*********************** *FOOTER ************************/ #footer_donation #footer_donation_title{padding-left: 20px;} #footer_donation #footer_donation_title h3{font-size: 25px; line-height: 1.2;} #footer_donation #footer_donation_amounts{padding-top: 4px;} #footer_donation .footer_donation_button {padding: 0px 5px;} #footer_donation .footer_donation_button:first-child a{background-color: #ebaf23; line-height: 1; padding-top: 4px;} #footer_donation .footer_donation_button:first-child a span{font-size: 13px; display: block;} #footer_information #footer_logo{padding-left: 20px !important;} #footer_information #footer_logo img{float: none;} #footer_information #footer_contact p#copyright{padding-left: 20px !important;} #footer_information #footer_contact ul > li:first-child{border-right: 1px solid #ffffff;} #footer_information #footer_contact ul > li{font-size: 14px; line-height: 1; margin-bottom: 7px; padding-right: 20px; padding-left: 20px;} #footer_information #footer_contact ul > li+li{border-left: none; padding-right: 20px; padding-left: 20px;} #footer_information #footer_contact ul > li a{line-height: 1;} #footer_information #footer_contact p#working_time{padding-left: 20px !important;} #footer_information #footer_contact p#disclaimer_text{padding-left: 20px !important;} #footer_information #footer_logo_2{padding-right: 20px !important;} #footer_information #footer_logo_2 img{float: none;} /*********************** *PAGE SECONDARY TEMPLATE ************************/ #content_secondary {padding: 35px 20px 20px;} #content_secondary ul li{padding-left: 15px;} /*********************** *FIND FOOD PAGE STYLES ************************/ #wpsl-radius{width: 100% !important;} #wpsl-wrap #wpsl-search-wrap .wpsl-select-wrap #wpsl-radius label {width: 100%; line-height: 1.2; padding-bottom: 10px;} #donors-slider #donors-slider-content #left-arrow{display: none;} #donors-slider #donors-slider-content #right-arrow{display: none;} #donors-slider #donors-slider-content #names-slides ul li{text-align: center;} #slider-wrapper.landing-page .columns{width: 100%;} #slider-wrapper.landing-page .left-section img{margin-left: 0; max-width: 100%; margin: 5px auto 0;} #content.landig-page .no-padding-left{padding-left: 20px !important;} #content.landig-page .no-padding-left .no-padding-left{padding-left: 0 !important;} #content.landig-page .no-padding-right{padding-right: 20px !important;} #content.landig-page .no-padding-right .no-padding-right{padding-right: 0 !important;} #footer_donation.footer-lp #footer_donation_amounts #footerredbutton{ padding: 12px 35px; font-size: 20px;} } @media (max-device-width: 1024px) and (orientation: landscape){ /*********************** *MAIN ARTICLES (HOME TEMPLATE) ************************/ #main_articles .main_articles_single{padding-right: 20px !important; padding-left: 20px !important;} #main_articles .main_articles_single .main_articles_info{padding: 18px 15px;} /*********************** *DID YOU KNOW (HOME TEMPLATE) ************************/ #did_you_know #did_you_know_block div.twelve{padding: 0 20px !important;} /*********************** *FOOTER ************************/ #footer_donation #footer_donation_title{padding-left: 20px; padding-right: 0px;} #footer_information #footer_contact{padding: 0 20px !important;} #footer_information #footer_logo-wrapper{padding: 30px 20px 0px 0px !important;} #donors-slider #donors-slider-content #left-arrow{display: none;} #donors-slider #donors-slider-content #right-arrow{display: none;} #donors-slider #donors-slider-content #names-slides ul li{text-align: center;} #content.landig-page .no-padding-left{padding-left: 20px !important;} #content.landig-page .no-padding-left .no-padding-left{padding-left: 0 !important;} #content.landig-page .no-padding-right{padding-right: 20px !important;} #content.landig-page .no-padding-right .no-padding-right{padding-right: 0 !important;} #slider-wrapper.landing-page .left-section img{margin-left: -110px;} .top-bar ul > li.has-dropdown .dropdown li.sub-menu-item ~ li.sub-menu-item {border: none !important; width: 100px; white-space: normal;} .top-bar ul > li.has-dropdown .dropdown li.sub-menu-item ~ li.sub-menu-item a{white-space: normal; font-size: 13px !important;} body .top-bar ul > li.has-dropdown .dropdown{left: 0 !important; top: auto !important;} }