@charset "utf-8";

/* CSS Document */

@media (min-width: 768px) and (max-width: 1299px) {
#header {padding: 0px 10px 10px 10px;}

.container_outer {padding: 0px 10px 20px;}

.logo_search_outer {width: 30%;}

.menu_outer {float: right; width: 65%;}

.advertise_outer ul li {width: 30%;}

.top_add {width: 100%;}

.top_add a {font-size: 28px;}

.main_menu ul li {float: left; padding-left: 5px;}

.main_menu ul li a {font-size: 12px;}

.main_menu ul {padding-top: 0px; position: absolute; bottom: 0; right: 15px;}

.logo_search_outer p {font-size: 10px;}

.search_inner p {font-size: 10px; width: 100%;	/*line-height: 19px;*/}

.search_inner input[type="text"] {width: 88%; height: 19px;}

.search_inner input[type="submit"] {background: rgba(0, 0, 0, 0) url("../images/goicon.png") no-repeat scroll 0 0 / 27px auto;
float: right; height: 19px; width: 25px;}

.logo_inner {height: auto; width: 100%;}

.advertise_outer {margin-bottom: 26px;}

.banner_inner {width: 70%;}

.banner_inner h2 {color: #0c4ea0; font-size: 36px; line-height: 33px; margin-left: 0; padding-bottom: 10px; padding-right: 0;}

.banner span {height: 250px !important; width: 95.5% !important; background-size: 100% 100% !important;}

.page-id-5 .banner span {width: 95.5% !important;}

.banner_inner a {font-size: 16px; /*height: 76px;*/ /*line-height: 23px;*/ margin-right: 110px; /*padding-top: 18px;*/ 
width: 137px;}

.banner_inner a strong {font-size: 16px;}

.banner_inner p {margin-left: 0px; font-size: 20px;}

.banner_inner p br {display: none;}

.side_menu {background: #fff none repeat scroll 0 0; float: left; padding-top: 98px; width: 24%;}

.our_mission_outer {float: left; padding-left: 10px; width: 55%;}

.our_mission_outer h1 {color: #0c4ea0; font-size: 35px; margin-bottom: 0;}

.addrightSection {float: right; width: 20%;}

.ourMissionTopAdd {height: auto; margin-bottom: 15px; width: 100%;}

.addrightSection ul li a {width: 100%; padding: 30px; height: auto; font-size: 27px;}

.addrightSection ul li {margin-bottom: 15px;}

.howToWorks_outer ul li span {width: 100%; height: auto;}

.ourMissionTopAdd a {font-size: 30px; padding-bottom: 15px;}

.our_mission_outer p {font-size: 16px; line-height: 25px; padding-bottom: 13px !important;}

.banner {margin-bottom: 10px;}

.side_menu ul li a {font-size: 14px;}

.side_menu ul li a:hover, .side_menu ul li a.select {font-size: 14px;}

.drugsName {width: 48%;}

.madicationGarantee {width: 48%;}

.availble_drugsInner {padding-right: 0px;}

.madicationGarantee ul li span {width: 100%; height: auto;}

.madicationGarantee ul li p {line-height: 19px;}

.our_mission_outer p {font-size: 13px; line-height: 25px; padding-bottom: 0;}

.madicationGarantee ul li h4 {font-size: 16px; padding-bottom: 0; text-transform: uppercase;}

.drugsName ul li {font-size: 10px;}

.containerInner {padding-bottom: 0px;}

.request_form {width: 100% !important;}
.drugsName h5, .assistance{font-size:15px;}
.main_menu ul li a:hover, .main_menu ul li a.select{font-weight:normal;}
.site_maplist li {
    width: 33.33%;
}
.header_inner {
    width: 100%;
    position: relative;
    padding-bottom: 20px;
}
}
 @media (max-width: 767px) {

#wrapper {width: 100%; position: relative;}

.main_menu {display: none; position: absolute; top: 0px; left: 0px; background: #0C4E9F; z-index: 1; height: 100%;}

.containerInner {padding-bottom: 0px;}

.main_menu ul li a {color: #fff; display: block;}

#header {padding: 10px;}

.container_outer {width: 100%; padding: 0px 10px 10px 10px;}

#content {width: 100%;}

.auto_content {width: 100%;}

.logo_search_outer {float: none; padding-top: 0px; width: 100%}

.logo_inner {height: auto; padding-bottom: 5px; width: 152px; margin: 0;}

.logo_inner a {width: 100%;}

.logo_search_outer p {line-height: 22px; text-align: center; font-size: 12px;}

.search_inner p {width: 48%; font-size: 12px;}

.search_inner input[type="text"] {padding: 4px 8px; width: 40%;}

.search_inner input[type="submit"] {width: 10%; float: left;}

.menu_outer {width: 100%; float: none; text-align: center;}

.menu_outer ul li {width: 100%; float: none; display: inline-block; margin-bottom: 10px; margin-right: 0px; padding-left: 0px;}

.top_add {width: 100%;}

.side_menu {display: none;}

.banner span {height: auto; width: 97.5%;}

.page-id-5 .banner span {background-size: 100% !important; height: 178px !important;}

.banner_inner h2 {color: #0c4ea0; font-family: Arial; font-size: 15px; line-height: 1; margin-left: 0; padding-bottom: 0; padding-right: 0;}

.banner_inner {margin-left: 0; width: 300px;}

.banner_inner {margin: 7px 0px 0px 20px; width: 80%;}

.banner_inner a {font-size: 12px; height: 42px; line-height: 1; margin-right: 0; padding-top: 8px; width: 69px; float: left;}

.banner_inner p {font-size: 10px; font-style: italic; margin-left: 0; display: none;}

.banner_inner a strong {display: block; font-size: 12px;}

.advertise_outer {display: none;}

.applyin {padding-bottom: 2px; width: 100%;}

.side_menu {background: #fff none repeat scroll 0 0; float: none; padding-top: 0; padding-bottom: 20px; width: 100%;}

.our_mission_outer {float: none; padding-left: 0; width: 100%; margin-bottom: 0px;}

.ourMissionTopAdd {height: auto; margin-bottom: 40px; width: 100%;}

.ourMissionTopAdd a {font-size: 20px; height: 100%; padding : 10px 0px; width: 100%;}

.our_mission_outer h1 {color: #0c4ea0; font-size: 22px; margin-bottom: 3px;}

.our_mission_outer p {color: #000000; font-size: 12px; line-height: 18px; padding-bottom: 10px;}

.howToWorks_outer {width: 100%; margin-top: 50px;}

.howToWorks_outer ul li {margin-bottom: 60px;}

.howToWorks_outer ul li {width: 100%; float: none; margin-left: 0px;}

.howToWorks_outer ul li span {width: 300px; display: block; margin-bottom: 15px !important; height: auto; margin: auto;}

.howToWorks_outer ul li h4 {color: #0c4ea0; font-size: 22px; padding-bottom: 6px;}

.addrightSection ul li {margin-bottom: 20px;}

.addrightSection {display: none;}

.howToWorks_outer ul li:last-child {margin-bottom: 50px;}

.availble_drugsInner {width: 100%; padding: 10px 0px 0px;}

.drugsName {width: 100%; float: none; margin-bottom: 50px;}

.madicationGarantee {width: 100%; float: none;}

.our_mission_outer p strong {display: block; text-align: center;}

.drugSubmition h5 {font-size: 12px; font-weight: bold; padding-bottom: 8px;}

.madicationGarantee ul li span {width: 300px; margin: auto; float: none;}

.drugsName h5, .assistance {font-size: 13px; background-size: 100%;}

.drugsName ul li {font-size: 12px; line-height: 24px;}

.drugsName ul li:nth-child(2n) {background-size: 100%;}

.our_mission_outer p a {color: #000000; font-size: 16px; margin: 0px 0.5px; display: inline-block; font-size: 14px;}

.drugSubmition {margin-top: 10px;}

.navOUter {display: block; position: absolute; right: 17px; top: 22px;}

.closebtn {display: block;}

.closebtn span {display: block; z-index: 555;}

.drugSubmitonInner {padding-bottom: 50px;}

.madicationGarantee ul li {padding-bottom: 70px;}

.main_menu ul {padding-top: 50px;}

.request_form {width: 100% !important;}

.request_form label {width: 38%;}

.inputOuter.zipCodeAdjust i {margin-right: 5px;}

.inputOuter.zipCodeAdjust input {margin-right: 10px;}
.footer_listing{width:100%;}
.footer_listing li{
	width: 100%;
text-align: center;
padding: 10px 0px;
border-bottom: 1px dotted #ccc;
}

.footer_listing li a{
	border:none;
}
}
@media (max-width: 480px) {
.page-id-5 .banner span {background-size: 100% !important; height: 114px !important; width: 97.5% !important;}
.site_maplist li{width:33.33%;}

@media (max-width: 320px) {
 .page-id-5 .banner span {background-size: 100% !important; height: 76px !important;}

.banner span {width: 93.5%;}
.drugsName h5, .assistance{min-height:42px;}
.site_maplist li{width:100%;}
}
