/* austinmedical.com category css */

.section-wrap {padding-bottom: 30px;}
.section-wrap img{ max-width:100%; height:auto;}
.fcontainer{ max-width:1000px; margin:0 auto; width:100%;}
.fsection-caption{ padding:35px 0;}
.fsection-name {
	text-align: left;
	border-bottom: 1px solid #cdcfcf;
	margin-bottom: 20px;
}

.fsection-image {
margin-bottom: 20px;
text-align: center;
}

.fsection-name h1{ color: #424242; font-size: 36px; margin:15px 0 10px 0;}
.frow{ margin-left:-1%; margin-right:-1%; clear: both;}
.frow:after,
.frow:before,
.fcontainer:after,
.fcontainer:before{
display: table;
clear: both;
content: " ";
}

.fcol{width:23%; margin:1%; float: left; position: relative; min-height: 333px; border-bottom:1px solid #01a3d5; padding-bottom: 3px;}

.frow *{box-sizing: border-box;}

.finner{ color: Arial, Helvetica, sans-serif; font-size:15px; text-align: center;}

.finner:hover,
.finner a:hover{font-weight:700;}

    .finner a{ display: block; text-decoration: none; color: #424242;}
    .finner .name a{font-size:15px; margin:0 0 8px 0;overflow-wrap:break-word}
    .finner img.fim{ max-width:100%; height:auto;border: 2px solid transparent}
    .finner:hover img.fim{ border:2px solid #01a3d5; -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.32); -moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.32); box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.32);}
    .price-row > .strike-price,
    .price-row > .price{ display: inline;}
    .price-row > .price{ font-weight:700;}
    .price-row > .strike-price{font-style: italic; font-weight:400 !important; text-decoration: line-through; color: #7e7e7e; padding-right:10px;}
    .finner a.fshop-now{font-weight:400; padding: 0 1em; font-size:14px; border:1px solid #aaaaaa; display: inline-block; height:30px; text-align: center; margin-left:auto; margin-right:auto; line-height:26px; margin-top: 10px; text-transform: uppercase;}
    .finner:hover a.fshop-now{ color: #fff; background: #01a3d5; border-color: #01a3d5;}

/* .......... VITAMINS HEADER .......... */

.title-row {
display: flex;
align-items: center;
}

.title-row div {
flex: 1;
}

.title-row div h1 {
font-size: 38px;
margin: 10px 0;
}

.vitamins-social {
text-align: right;
}

.vitamins-social a {
color: #000000;
font-size: 17px;
text-decoration: none;
font-weight: normal;
display: inline-block;
}

.vitamins-social i {
margin: 0 5px 0 30px;
font-size: 22px;
vertical-align: middle;
display: inline-block;
}

.vitamins-social span {
display: inline-block;
vertical-align: middle;
}

/* .......... ALPHABETIZED .......... */

#contents-letter-selector {
margin: 0 4px 10px;
padding: 3px 5px;
border: 1px solid #e0e0e0;
text-align: center;
}

#contents-letter-selector a,
#contents-letter-selector span {
padding: 0 8px 0 7px;
}

#contents-letter-selector a {
color: #000;
text-decoration: underline;
font-weight: bold;
}

#contents-letter-selector a:hover {
background-color: #e0e0e0;
}

#contents-letter-selector span {
color: #909090;
}

.contents-letter-header {
margin: 10px 2px 6px;
padding: 5px 0;
background-color: #dddfd2;
text-align: center;
font: normal 17px verdana,tahoma,sans-serif;
}

#anchor-to-top {
float: right;
margin-left: -78px;
margin-top: -2px;
width: 91px;
}

#anchor-to-top a {
color: #000000;
font-size: 11px;
}

/* .................... RESPONSIVE .................... */

/* ........................................ */
@media screen and (max-width: 1035px) {

    .section-wrap{padding:0 1%;}

}

/* ........................................ */
@media screen and (max-width: 850px) {

    /* ..... CONTENTS ..... */

    .fcol{width:48%;}
    .fcol:nth-of-type(2n+1){ clear: left;}

    /* ..... VITAMINS/MINERALS ..... */

    body.vitamin-left-col .fcol:nth-of-type(2n+1) {
    clear:none;
    }

    /* ..... ALPHABETIZED ..... */

    #vitamin-header .title-row {
    display: block;
    }

    #vitamin-header .title-row .vitamins-name {}

    #vitamin-header .title-row .vitamins-social {
    margin: 10px 0 15px;
    text-align: left;
    }

    #vitamin-header .title-row .vitamins-social a:first i {
    margin-left: 0;
    }

    #contents-letter-selector a,
    #contents-letter-selector span {
    display: inline-block;
    word-break: break-all;
    }

} 

/* ........................................ */
@media screen and (max-width: 640px) {

	#left-column {
	width:100%;
	clear:both;
	}

	.section-wrap img {
	display: block;
	margin: 0 auto;
	}

    /* ..... ALPHABETICAL ..... */

	#vitamin-header .title-row {
	display: block;
	}

    #vitamin-header .title-row .vitamins-name h1 {
    font-size: 34px;
    }

	#vitamin-header .title-row div,
    #vitamin-header .title-row .vitamins-name,
    #vitamin-header .title-row .vitamins-social {
	text-align: center;
	}

	.vitamins-social {
	margin: 0 0 20px;
	}

	.vitamins-social i {
	margin: 0 5px;
	}

	.vitamins-social a {
	margin: 0 20px;
	}

	.browse-searcharea .browse-input {
	width: calc(100% - 45px);
	}

	.vitamin-left-col .section-wrap {
	width: 100%;
	padding-left: 0;
	}

}

/* ........................................ */
@media screen and (max-width: 500px) {

    /* ..... CONTENTS ..... */

    .fcol {min-height:1%;}

}

/* ........................................ */
@media screen and (max-width: 360px) {

    /* ..... CONTENTS ..... */

    .fcol {width:100%}

}

/* .......... / .......... */