/****************************** *MediaQuery IPAD ******************************/ @media (max-device-width: 768px) and (orientation: portrait){ /*********************** *HEADER ************************/ /*** RESPONSIVE MENU ***/ .top-bar{height: 100px;} .top-bar > ul .name img { margin-top: 10px;} .top-bar > ul{/*height: 100px; */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.top-donate-btn {text-align: center;position: relative; top:auto} #header #header_menu_container ul#header_menu > li.top-donate-btn a {height: 35px; width: 90%; display: block; margin: 10px auto; line-height: 35px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;} #header #header_menu_container ul#header_menu > li #search-mobile {width: 90%; margin: 10px auto;} #header #responsive_menu .top-bar > ul .name img{/*max-width: 75px;*/position: absolute;z-index: 2;top: 0;margin: 0} #header #responsive_menu .top-bar ul > li.name{max-height: 20px;} #header #responsive_menu .top-bar > ul .name a{height: auto;} /*********************** *SLIDER ************************/ #slider-wrapper { height: 650px;min-height: 650px;} #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%;} /*Home slider*/ #slider-wrapper .slider_content {bottom: 20px;} /* #slider-wrapper .slider_content .slider_title{font-size: 18px;line-height:2;} */ /*#slider-wrapper .slider_content .title_container .btn_slider{font-size: 15px;min-width: auto;padding: 5px;margin-left: 10px;}*/ #slider-wrapper .slider_content .title_container{width: 90%;margin: 0 auto;padding: 20px;} #slider-wrapper .slick-dots{bottom: -20px;} /*********************** *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{line-height: 1; padding-top: 10px;} #footer_donation .footer_donation_button:first-child a span{font-size: 8px; display: inline-block;} #footer_information #footer_contact .footer_left_right{padding-left: 15px} #footer_information #footer_logo img{float: none;} #footer_information #footer_contact{padding-bottom: 20px;} #footer_information #footer_contact p#copyright{padding-left: 20px !important;} #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_form{padding-right: 20px !important;} #footer_information #footer_form img{float: none;} /*********************** *PAGE SECONDARY TEMPLATE ************************/ /* #content-page .has_sidebar{padding: 15px;} */ #content_secondary {padding: 35px 20px 20px;} #content_secondary ul li{padding-left: 15px;} /*#page_title_secondary_wrapper{padding: 130px 0 15px 0;}*/ .page_title_wrapper {background-position: center 30%;} .page_title_wrapper > .row .page_title_container{position:relative;} /*.page_title_wrapper > .row .page_title_container #page_title_secondary h1{padding: 0 10px;}*/ /*.page_title_wrapper > .row{min-height: 60px;}*/ /*********************** *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;} /*Home page style*/ .help_live_server_sec .wpb_column button.vc_general.vc_btn3{min-width: auto;} .help_live_server_sec .wpb_column.first_box{padding-left:0;padding-right:0;} .btn_container button.vc_general.vc_btn3:focus, .btn_container button.vc_general.vc_btn3:active, .btn_container button.vc_general.vc_btn3:hover, .btn_container button.vc_general.vc_btn3, .btn:hover,.btn:active,.btn:focus,.btn{min-width:auto;} /*Home page style*/ /*Team*/ .team_container .team.three img, .team_container .team.three img{height:120px;} .team_container .team .display_details h5{font-size:16px;} } @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: 0; padding-right: 0px;} #footer_information #footer_contact{padding: 0 !important;} #footer_information #footer_logo-wrapper{padding: 30px 20px 0px 0px !important;} } /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) /*and (-webkit-device-pixel-ratio: 2)*/ and (orientation: portrait) { #slider-wrapper { height: 450px;min-height: 450px;} .page_title_wrapper {background-position: center 20px;} } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) /*and (-webkit-min-device-pixel-ratio: 2)*/ and (orientation: portrait) { #slider-wrapper { height: 400px;min-height: 400px;} .page_title_wrapper {background-position: center 20px;} }