
@media screen and (min-width : 1450px) and (max-width :1920px) {

}

@media screen and (min-width : 1201px) and (max-width :1280px) {
.header-toppart { width: 80%;}
}


@media screen and (min-width : 1101px) and (max-width :1200px) {
.container { max-width: 1090px;}
.header-toppart { width: 88%;}
.resources-rightpanel { width: 55%; margin-right: 42px;}
.resources-leftpanel { width: 395px; margin-left: 40px;}
.resources-rightpanel h1 { padding: 20px 30px 20px 71px;}
.resources-right-info { padding: 30px 30px 30px 68px;}
.gallery3row ul { left: 0px;}
.gallery3row li { width: 31%;}
.gallry-pic {width: 100%; height: auto;}
.copy_area { margin-top: -23px;}
}


/*=======================================970px ===============================================*/
@media screen and (min-width : 970px) and (max-width :1100px) {
.container {max-width: 960px;}
.header-toppart { width: 100%;}
.resources-rightpanel { width: 55%;}
.resources-rightpanel h1 {  padding: 20px 30px 20px 31px;}
.resources-right-info { padding: 30px 30px 30px 33px;}
.gallery3row ul { left: -4px;}
.gallery3row li { width: 31%;}
.gallry-pic {width: 100%; height: auto;}
.footer-logo { width: 228px; }
.copy_area { margin-top: -23px;}


}



/*=============================================768px ===============================================*/
@media screen and (min-width : 768px) and (max-width : 969px) {
.container { max-width: 750px;}
h1 { font-size: 19px;}
.top-nav-holder { width: 315px;}
.sticky nav ul li a { font-size: 14px; margin: 0 21px;}
.header-toppart { width: 100%;}
.topcall { margin-left: 40px; margin-top: 10px;}
/*.resources-leftpanel { width: 325px;}*/

ul.pharmacy li { width: 280px;}
.resources-rightpanel { width: 48%; margin-right: 42px;}
.resources-leftpanel { width: 296px; margin-left: 30px;}
.resources-rightpanel h1 { padding: 20px 10px 20px 21px;}
.resources-right-info { padding: 14px 10px 15px 27px;}
ul.chooselist { width: 98%; margin: 0 0 0 15px;}
ul.chooselist li { margin: 0 0 5px;  font-size: 17px;}
ul.chooselist li p{font-size: 15px; line-height: 144%;}

.gallery3row li{ width: 31%; }
.gallry-pic { width: 100%;  height: auto;  float: left;}
.footer-logo { width: 180px; margin: 20px 0 0 2px;}
ul.footnav { width: 262px;}
ul.address { width: 100%; padding: 20px 0 0 1px;}
.copy_area { margin-top: -27px;}

/*-------Contact us page -------------------*/
.contact-info-leftpanel { width: 100%; float: left;  padding-top: 29px;  padding-left: 10px;}
.contact-info-rightpanel { width: 100%; float: left;  padding-top: 65px; margin-right:0px;}

}


/*----------------------------------640px========================================*/ 
@media screen and (min-width : 640px) and (max-width: 767px) {
.container { max-width: 620px !important;}
h1 { font-size: 19px;}
.header-toppart { width: 92%;}
.toplogo { width: 190px;}
.topcall { margin-left: 10px; margin-top: 10px; clear: left;}
.topmenu{ background-color: transparent; }
.top-nav-holder { padding: 18px 0 3px; width: 100%; }
.sticky .top-nav-holder { width: 100%; padding: 10px 0 30px; background: #7fc41c;}
#resources_sec{ padding: 0px; }
.resources-leftpanel { width: 100%; margin-left: 0px;}
ul.pharmacy li { width: 287px; margin-right: 15px; float: left;}
ul.pharmacy li:last-child{margin-right: 0px;}

.resources-rightpanel { width: 100%; margin: 0 0 25px 0;}
.resources-rightpanel h1 {  padding: 20px 18px 20px 18px;}
.resources-right-info { padding: 7px 10px 25px 18px;}
#gallery-photo-sec { margin-top: 10px;}
.gallery3row { position: relative; width: 659px;}
.gallery3row ul { left: -39px;}
.gallery3row li { width: 30%;}
.gallry-pic { width: 100%;  height: auto;  float: left;}
footer .col-sm-4 { -ms-flex: 100%; flex: 100%; max-width:100%; float: left;}
footer .col-sm-4 + .col-sm-4 { -ms-flex: 50%; flex: 50%; max-width:50%; float: left;}
footer .col-sm-4 + .col-sm-4 + .col-sm-4{ -ms-flex: 50%; flex: 50%; max-width:50%; float: left;}

.footer-logo { width: 193px; margin: 4px auto 0px; float: none; display: table;}
ul.footnav li:first-child{margin-left: 20px;}
ul.address { width: 100%; padding: 20px 0 0 1px;}
.copy_area { margin-top: -27px;}

/*-------Contact us page -------------------*/
.contact-info-leftpanel { width: 100%; float: left;  padding-top: 29px;  padding-left: 10px;}
.contact-info-rightpanel { width: 100%; float: left;  padding-top: 65px; margin-right:0px;}



}

/*==========================480px=====================================*/
@media screen and (min-width : 480px) and (max-width: 639px) {
.container { max-width: 470px !important;}

h1 { font-size: 19px;}
h2 { font-size: 25px;}
.header-toppart { width: 95%;}
.sticky nav ul li a {font-size: 15px;}

.toplogo { width: 190px;}
.topcall { margin-left: 10px; margin-top: 10px; clear: left;}
.topmenu{ background-color: transparent; }
.top-nav-holder { padding: 18px 0 3px;}
.sticky .top-nav-holder { width: 100%; padding: 10px 0 30px; background: #7fc41c;}
#resources_sec{ padding: 0px; }
.resources-leftpanel { width: 100%; margin-left: 0px;}
ul.pharmacy li { width: 100%; margin:0 0 25px; float: left;}


.resources-rightpanel { width: 100%; margin: 0 0 25px 0;}
.resources-rightpanel h1 {  padding: 20px 18px 20px 18px;}
.resources-right-info { padding: 7px 10px 25px 18px;}
#gallery-photo-sec { margin-top: 10px; margin-bottom: 5px;}
.gallery3row { position: relative; width: 467px; float: none; margin: 0 auto; display: table;}
.gallery3row ul { left: 9px;}
.gallery3row li { width: 80%; margin: 0 auto 15px; float: none;}
.gallry-pic { width: 100%;  height: auto;  float: left;}
ul.footnav {  width: 262px; padding: 30px 0 30px;}
ul.footnav li { font-size: 15px; margin: 0 0px;}
ul.footnav li:first-child{margin-left: 15px;}
ul.footnav li > a { margin: 0 23px;}
footer { margin: 0; width: 100%; padding: 20px 0px 11px;}
footer .col-sm-4 { -ms-flex: 100%; flex: 100%; max-width:100%; float: left;}
.footer-logo { width: 193px; margin: 4px auto 0px; float: none; display: table;}
ul.address { width: 100%; padding: 20px 0 0 76px;  margin-bottom: -40px;}
.bottom-rightpart { float: left; margin-left: 24px; width: 100%;}
.viewmap {  float: right;  width: auto; clear: none; padding-top: 0px; padding-left: 12px; margin-right: 103px;}
ul.foot-social { margin: 0px 0 0 0px;}
.copy_area { margin-top: 20px;}


/*--------------Contact ----------------------*/

.contact-info-leftpanel { width: 100%; padding-top: 10px; padding-left: 0px; }
.contact-info-rightpanel { width: 100%; float: left; clear: left; padding-top: 38px; margin-right: 0px;}
.form-group01 { width: 100%;}
.form-group01 label { float: left; width: 100%;  padding-left: 0px;}
.form-group01 input { float: left; border: 1px solid #d5d4d4; width: 100%; height: 50px;}
.form-group01 textarea { width: 100%; height: 100px;}
.contbtn { margin: 5px 0 0 1px;}
/*.map { width:100%; height: 300px;}*/
.map iframe { width:100%; height: 300px;}
}


@media screen and (min-width : 411px) and (max-width: 479px) {  
}


/*=================================320px;=================================*/
@media screen and (min-width : 360px) and (max-width: 479px) {   
.container { max-width: 330px !important;}
h1 { font-size: 19px;}
h2 { font-size: 17px;}
h3 { font-size: 16px;}
.header-toppart { width: 100%;  margin: 15px 0 0px;}
.sticky nav ul li a {font-size: 15px;}

.toplogo { width: 140px;}
.topcall { margin-left: 1px; margin-top: 10px; clear: left; width: 120px;}
.top-address { width: 154px;}
.top-address h4 { font-size: 14px;}
.topmenu{ background-color: transparent; }
.top-nav-holder { padding: 18px 0 3px;}
.sticky .top-nav-holder { width: 100%; padding: 10px 0 30px; background: #7fc41c;}
#resources_sec{ padding: 0px; }
.resources-leftpanel { width: 100%; margin-left: 0px;}
ul.pharmacy li { width: 100%; margin:0 0 25px; float: left;}

.resources-rightpanel { width: 100%; margin: 0 0 25px 0;}
.resources-rightpanel h1 {  padding: 10px 18px 10px 18px; text-align: center;}
.resources-right-info { padding: 7px 10px 25px 18px;}
ul.chooselist li{margin: 0px;}
ul.chooselist li p{ font-size: 15px; padding: 0px; }
#gallery-photo-sec { margin-top: 10px; margin-bottom: 5px;}
.gallery3row { position: relative; width: 330px; float: none; margin: 0 auto; display: table;}
.gallery3row ul { left: -33px;}
.gallery3row li { width: 100%; margin: 0 auto 15px; float: none;}
.gallry-pic { width: 100%;  height: auto;  float: left;}
ul.footnav {  width: 262px; padding: 30px 0 30px;}
ul.footnav li { font-size: 15px; margin: 0 0px;}
ul.footnav li:first-child{margin-left: 15px;}
ul.footnav li > a { margin: 0 23px;}
footer { margin: 0; width: 100%; padding: 20px 0px 11px;}
footer .col-sm-4 { -ms-flex: 100%; flex: 100%; max-width:100%; float: left;}
.footer-logo { width: 193px; margin: 4px auto 0px; float: none; display: table;}
ul.address { width: 100%; padding: 20px 0 0 0px;  margin-bottom: -40px;}
.bottom-rightpart { float: left; margin-left: -4px; width: 100%;}
.viewmap {  float: right;  width: auto; clear: none; padding-top: 10px; padding-left: 12px; margin-right: 45px;}
ul.foot-social { margin: 0px 0 0 0px;}
.copy_area { margin-top: 20px;}

/*--------------Contact ----------------------*/

.contact-info-leftpanel { width: 100%; padding-top: 10px; padding-left: 0px; }
.contact-info-rightpanel { width: 100%; float: left; clear: left; padding-top: 38px; margin-right: 0px;}
.form-group01 { width: 100%;}
.form-group01 label { float: left; width: 100%;  padding-left: 0px;}
.form-group01 input { float: left; border: 1px solid #d5d4d4; width: 100%; height: 50px;}
.form-group01 textarea { width: 100%; height: 100px;}
.contbtn { margin: 5px 0 0 1px;}
/*.map { width:100%; height: 300px;}*/
.map iframe { width:100%; height: 300px;}
}


@media screen and (min-width : 320px) and (max-width: 359px) {   
.container { max-width: 290px !important;}
h1 { font-size: 19px;}
h2 { font-size: 17px;}
h3 { font-size: 16px;}
.header-toppart { width: 100%;  margin: 15px 0 0px;}
.sticky nav ul li a {font-size: 15px;}

.toplogo { width: 140px;}
.topcall { margin-left: 1px; margin-top: 10px; clear: left; width: 120px;}
.top-address { width: 131px;}
.top-address h4 { font-size: 12px;}
.topmenu{ background-color: transparent; }
.top-nav-holder { padding: 18px 0 3px;}
.sticky .top-nav-holder { width: 100%; padding: 10px 0 30px; background: #7fc41c;}
#resources_sec{ padding: 0px; }
.resources-leftpanel { width: 100%; margin-left: 0px;}
ul.pharmacy li { width: 100%; margin:0 0 25px; float: left;}

.resources-rightpanel { width: 100%; margin: 0 0 25px 0;}
.resources-rightpanel h1 {  padding: 10px 18px 10px 18px; text-align: center;}
.resources-right-info { padding: 7px 10px 25px 18px;}
ul.chooselist li{margin: 0px;}
ul.chooselist li p{ font-size: 15px; padding: 0px; }
#gallery-photo-sec { margin-top: 10px; margin-bottom: 5px;}
.gallery3row { position: relative; width: 280px; float: none; margin: 0 auto; display: table;}
.gallery3row ul { left: -33px;}
.gallery3row li { width: 100%; margin: 0 auto 15px; float: none;}
.gallry-pic { width: 100%;  height: auto;  float: left;}
ul.footnav {  width: 262px; padding: 30px 0 30px;}
ul.footnav li { font-size: 15px; margin: 0 0px;}
ul.footnav li:first-child{margin-left: 15px;}
ul.footnav li > a { margin: 0 23px;}
footer { margin: 0; width: 100%; padding: 20px 0px 11px;}
footer .col-sm-4 { -ms-flex: 100%; flex: 100%; max-width:100%; float: left;}
.footer-logo { width: 163px; margin: 4px auto 0px; float: none; display: table;}
ul.address { width: 100%; padding: 20px 0 0 0px;  margin-bottom: -40px; margin-left: -15px;}
.bottom-rightpart { float: left; margin-left: -4px; width: 100%;}
.viewmap {  float: right;  width: auto; clear: none; padding-top: 10px; padding-left: 12px; margin-right: 45px;}
ul.foot-social { margin: 0px 0 0 -14px;}
.copy_area { margin-top: 20px;}


/*--------------Contact ----------------------*/

.contact-info-leftpanel { width: 100%; padding-top: 10px; padding-left: 0px; margin-left: -16px;}
.contact-info-rightpanel { width: 100%; float: left; clear: left; padding-top: 38px; margin-right: 0px; margin-left: -16px;}
.form-group01 { width: 294px;}
.form-group01 label { float: left; width: 100%;  padding-left: 0px;}
.form-group01 input { float: left; border: 1px solid #d5d4d4; width: 100%; height: 50px;}
.form-group01 textarea { width: 100%; height: 100px;}
.contbtn { margin: 5px 0 0 1px;}
#contact-map_sec .col-sm-12{ padding: 0; margin: 0;}
/*.map { width:100%; height: 300px;}*/
.map iframe { width:100%; height: 300px;}
}