/************************* Responsive Styles *****************************/

/*************************************************/
/* Smallest devices (tablets, 400px and less) */
/*************************************************/
@media (max-width: 400px) {

	.phone-header{display:block;}
	.full-header{display:none;}

	.yes-xxsmall{display:block;}
	.no-xxsmall{display:none;}

	#select-menu{display:block;margin: 26px 0px 0px;}
	#full-menu{display:none!important;}


	.top-phone-header{
		background-color:#00326c;
		float:left;
		width:100%;
		height:auto;
		box-shadow: 0 5px 8px -3px #707070;
		-moz-box-shadow: 0 5px 8px -3px #707070;
		-webkit-box-shadow: 0 5px 8px -3px #707070;
	}
	.top-phone-header p{
		float:left;
		width:100%;
		font-size:12px;
		color:#ffcf21;
		text-align:right;
		margin-bottom:0px;
		margin-top:5px;
	}
	.top-phone-header p a{
		color:#ffcf21;
	}


	.phone-header{
		border-top:3px solid #00326c;
		height:153px;
		background-image: url('../img/graphics/phone-header.png');
		background-position: 0% 0%; /*50% 0;*/
		background-size: cover;
	}

	.custom-nav{min-height:82px; background-image: url('../img/graphics/nav-bar-phone.png');}

	h1.main-title{text-align:center; font-size:20px; line-height: 32px; font-weight:bold;}
	h1.page-title{text-align:center; font-size:26px; line-height: 36px; font-weight:bold;}


	.page-text p .text-pic{width:100%; margin-bottom:15px;}
	.page-text p .text-pic.small{width:100%; margin-bottom:15px;}

	#home-search-co{padding:20px; margin-bottom:20px;}
	#home-search-co span.label{float:left; width:100%; margin-bottom:25px; font-size:24px;}
	#home-search-co .by_name{float:left; width:100%; margin:0px; margin-bottom:37px; height: 34px;}
	#home-search-co .by_state{float:left; width:100%; margin:0px; margin-bottom:25px;}
	#home-search-co .by_city{float:left; width:100%; margin:0px; margin-bottom:25px;}
	#home-search-co .by_category{float:left; width:100%; margin:0px; margin-bottom:25px;}
	#home-search-co .search_sub{
		float:left; 
		width:100%;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 6px;
		margin-bottom:10px
	}
	#home-search-co input{
		height: 46px;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 6px;
	}
	#home-search-co select{
		padding: 10px 16px;
		font-size: 18px;
		border-radius: 6px;
		height: 46px;
		line-height: 46px;
	}

	.contact-section{margin-top:20px;}
	.created-by{text-align:left!important;}
	.copy-right{text-align:left!important;}
	.phone-masthead{margin-bottom:20px!important;}

	.top-sidebar{margin-top:45px;}
	.sb-section{float:left; width:96%; margin-left:2%; margin-right:2%;}

	#search-co .by_name{float:left; width:100%!important; margin:0px; margin-bottom:20px!important; height: 34px;}
	#search-co .by_state{float:left; width:100%!important; margin:0px; margin-bottom:15px!important;}
	#search-co .by_city{float:left; width:100%!important; margin:0px; margin-bottom:15px!important;}
	#search-co .by_category{float:left; width:100%!important; margin:0px; margin-bottom:15px!important;}


	.sp-details{float:left; width:100%;}
	.star-page-left{float:left!important; width:100%!important;}
	.star-page-right{float:left!important; width:100%!important;}

	.star-page-left .star-name{float:left; width:100%; text-align:center;}
	.star-page-left .star-rating{float:left; width:100%; text-align:center;}
	.star-page-left .star-rating .star-pic{width:18%;}
	.star-page-left .star-excellence .excellence-pic{width:100%;}
	.star-page-left .main-category{float:left; width:100%; text-align:center;}
	.star-page-left .star-site{float:left; width:100%; text-align:center;}
	.star-page-left .star-address{float:left; width:100%; text-align:center;}
	.star-page-left .star-phone{float:left; width:100%; text-align:center;}

	.social-media-phrase{float:left!important; width:100%!important; text-align:center!important; margin-bottom:15px!important;}
	.fb-btn{float:left!important; width:100%!important; text-align:center!important; margin-bottom:15px!important;}
	.tw-btn{float:left!important; width:100%!important; text-align:center!important; margin-bottom:15px!important;}
	.sp-update-btn{float:left!important; width:100%!important; text-align:center!important;}
	.sp-update-btn btn{margin-right:0px!important;}

	.company-item span.company-name{float:left!important; width:100%!important; text-align:center!important;}
	.company-item span.company-stars{float:left!important; width:100%!important; text-align:center!important;}
	.company-item span.company-location{float:left!important; width:100%!important; text-align:center!important;}
	.company-item span.company-categories{float:left!important; width:100%!important; text-align:center!important;}
	.company-item span.company-stars img.small-star{float:none!important;}
	#nomination_form_content{float:left;}
	#nomination_form_co{float:left; margin-top:20px;}

	.alert-custom-form .title{float:left!important; width:100%!important; text-align:center!important;}
	.alert-custom-form .pro-img{float:left!important; width:100%!important; margin-bottom:15px;}
	.alert-custom-form .info{float:left!important; width:100%!important; text-align:center!important;}
	.alert-custom-form .checkbox{float:left!important; width:100%!important; text-align:center!important;}
	.alert-custom-form .checkbox label{float:left!important; width:100%!important; text-align:center!important;}
	.alert-custom-form .checkbox label input{float:none!important;}

	.col-sm-6:first-child{margin-bottom:10px;}
	#alert-form-section ul.info{float:left; width:90%!important; margin-left:5%; margin-right:5%; padding-left:0px;}
	#alert-form-section ul.info li{list-style-type:none; float:left; width:100%; text-align:center; margin-bottom:10px;}


	.mag_form{margin-bottom:25px;}




}





/*************************************************/
/* Small devices (tablets, 401px to 768px) */
/*************************************************/
@media (min-width: 401px) and (max-width: 767px){

	.yes-xsmall{display:block;}
	.no-xsmall{display:none;}

	#select-menu{display:block;margin: 26px 0px 0px;}
	#full-menu{display:none!important;}


	.top-phone-header{
		background-color:#00326c;
		float:left;
		width:100%;
		height:auto;
		box-shadow: 0 5px 8px -3px #707070;
		-moz-box-shadow: 0 5px 8px -3px #707070;
		-webkit-box-shadow: 0 5px 8px -3px #707070;
	}
	.top-phone-header p{
		float:left;
		width:100%;
		font-size:12px;
		color:#ffcf21;
		text-align:right;
		margin-bottom:0px;
		margin-top:5px;
	}
	.top-phone-header p a{
		color:#ffcf21;
	}


	.phone-header{
		border-top:3px solid #00326c;
		height:153px;
		background-image: url('../img/graphics/phone-header.png');
		background-position: 0 0; /*50% 0;*/
		background-size: cover;
	}

	.custom-nav{min-height:82px; background-image: url('../img/graphics/nav-bar-phone.png');}

	h1.main-title{text-align:center; font-size:24px; line-height: 32px; font-weight:bold;}
	h1.page-title{text-align:center; font-size:28px; line-height: 36px; font-weight:bold;}


	.page-text p .text-pic{width:50%; margin-bottom:0px;}
	.page-text p .text-pic.small{width:50%; margin-bottom:0px;}

	#home-search-co{padding:20px; margin-bottom:20px;}
	#home-search-co span.label{float:left; width:100%; margin-bottom:25px; font-size:24px;}
	#home-search-co .by_name{float:left; width:100%; margin:0px; margin-bottom:37px; height: 34px;}
	#home-search-co .by_state{float:left; width:100%; margin:0px; margin-bottom:25px;}
	#home-search-co .by_city{float:left; width:100%; margin:0px; margin-bottom:25px;}
	#home-search-co .by_category{float:left; width:100%; margin:0px; margin-bottom:25px;}
	#home-search-co .search_sub{
		float:left; 
		width:100%;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 6px;
		margin-bottom:10px
	}
	#home-search-co input{
		height: 46px;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 6px;
	}
	#home-search-co select{
		padding: 10px 16px;
		font-size: 18px;
		border-radius: 6px;
		height: 46px;
		line-height: 46px;
	}

	.contact-section{margin-top:20px;}
	.created-by{text-align:left!important;}
	.copy-right{text-align:left!important;}
	.phone-masthead{margin-bottom:20px!important;}

	.top-sidebar{margin-top:45px;}
	.sb-section{float:left; width:96%; margin-left:2%; margin-right:2%;}

	#search-co .by_name{float:left; width:100%!important; margin:0px; margin-bottom:20px!important; height: 34px;}
	#search-co .by_state{float:left; width:100%!important; margin:0px; margin-bottom:15px!important;}
	#search-co .by_city{float:left; width:100%!important; margin:0px; margin-bottom:15px!important;}
	#search-co .by_category{float:left; width:100%!important; margin:0px; margin-bottom:15px!important;}


	.sp-details{float:left; width:100%;}
	.star-page-left{float:left!important; width:100%!important;}
	.star-page-right{float:left!important; width:100%!important;}

	.star-page-left .star-name{float:left; width:100%; text-align:center;}
	.star-page-left .star-rating{float:left; width:100%; text-align:center;}
	.star-page-left .star-rating .star-pic{width:18%;}
	.star-page-left .main-category{float:left; width:100%; text-align:center;}
	.star-page-left .star-site{float:left; width:100%; text-align:center;}
	.star-page-left .star-address{float:left; width:100%; text-align:center;}
	.star-page-left .star-phone{float:left; width:100%; text-align:center;}

	.social-media-phrase{float:left!important; width:100%!important; text-align:center!important; margin-bottom:15px!important;}
	.fb-btn{float:left!important; width:100%!important; text-align:center!important; margin-bottom:15px!important;}
	.tw-btn{float:left!important; width:100%!important; text-align:center!important; margin-bottom:15px!important;}
	.sp-update-btn{float:left!important; width:100%!important; text-align:center!important;}
	.sp-update-btn btn{margin-right:0px!important;}

	.company-item span.company-name{float:left!important; width:100%!important; text-align:center!important;}
	.company-item span.company-stars{float:left!important; width:100%!important; text-align:center!important;}
	.company-item span.company-location{float:left!important; width:100%!important; text-align:center!important;}
	.company-item span.company-categories{float:left!important; width:100%!important; text-align:center!important;}
	.company-item span.company-stars img.small-star{float:none!important;}
	#nomination_form_content{float:left;}
	#nomination_form_co{float:left; margin-top:20px;}

	.alert-custom-form .title{float:left!important; width:100%!important; text-align:center!important;}
	.alert-custom-form .pro-img{float:left!important; width:100%!important; margin-bottom:15px;}
	.alert-custom-form .info{float:left!important; width:100%!important; text-align:center!important;}
	.alert-custom-form .checkbox{float:left!important; width:100%!important; text-align:center!important;}
	.alert-custom-form .checkbox label{float:left!important; width:100%!important; text-align:center!important;}
	.alert-custom-form .checkbox label input{float:none!important;}

	.col-sm-6:first-child{margin-bottom:10px;}
	#alert-form-section ul.info{float:left; width:90%!important; margin-left:5%; margin-right:5%; padding-left:0px;}
	#alert-form-section ul.info li{list-style-type:none; float:left; width:100%; text-align:center; margin-bottom:10px;}


	.mag_form{margin-bottom:25px;}


}

@media (max-width: 767px) {


}




/*************************************************/
/* Tablet devices (desktops, 992px and up) */
/*************************************************/
@media (min-width: 768px) and (max-width: 991px) {


	.yes-small{display:block;}
	.no-small{display:none;}

	#select-menu{display:block; margin-top:25px;}
	#full-menu{display:none!important;}

	.header-search {float: right; width: 375px; padding: 7px 10px;}
	.header-search.loggedout{width:auto;}
	.header-search .session-control {
		float: right;
		text-align: center;
		font-size: 13px;
		color: #ffcf21;
		font-weight: 300;
		padding: 5px 10px;
		width:100%;
		margin-bottom:0px;
	}
	.header-search .search-title{font-size:14px;margin-bottom:0px;}
	.custom-nav{min-height:82px; background-image: url('../img/graphics/nav-bar-phone.png');}

	h1.main-title {font-size: 24px;}

	#home-search-co{padding:20px;}
	#home-search-co span.label{float:left; width:100%; margin-bottom:25px; font-size:24px;}
	#home-search-co .by_name{float:left; width:100%; margin:0px; margin-bottom:37px; height: 34px;}
	#home-search-co .by_state{float:left; width:100%; margin:0px; margin-bottom:25px;}
	#home-search-co .by_city{float:left; width:100%; margin:0px; margin-bottom:25px;}
	#home-search-co .by_category{float:left; width:100%; margin:0px; margin-bottom:25px;}
	#home-search-co .search_sub{
		float:left; 
		width:100%;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 6px;
		margin-bottom:10px
	}
	#home-search-co input{
		height: 46px;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 6px;
	}
	#home-search-co select{
		padding: 10px 16px;
		font-size: 18px;
		border-radius: 6px;
		height: 46px;
		line-height: 46px;
	}

	.page-text p .text-pic{max-width:320px;}

	.nom-btn .nom-btn-title{font-size:11px!important; margin-top:10px!important;}
	.nom-title .category{font-size:23px!important;}

	.home-search-co{margin-top:15px;}
	.foot-address{width:33%!important;}
	.foot-phone{width:33%!important;}
	.foot-email{width:40%!important;}
	.contact-section{margin-top:20px;}

	.cu-s .foot-address{width:100%!important;}
	.cu-s .foot-phone{width:100%!important;}
	.cu-s .foot-email{width:100%!important;}

	.top-sidebar{margin-top:45px;}

	#search-co .by_name{width:200px!important;}
	#search-co .by_category{width:150px!important;}
	#search-co .by_city{width:125px!important;}
	#search-co .by_state{width:100px!important;}

	.sb-section{float:left; width:70%; margin-left:15%; margin-right:15%;}

	.sp-details{float:left; width:100%;}
	.star-page-left p.main-category{font-size:18px;}

	

}

@media (max-width: 991px) {


}




/*************************************************/
/* Medium devices (desktops, 992px and up) */
/*************************************************/
@media (min-width: 992px) and (max-width: 1199px) {

	#select-menu{display:none;}
	.header-search{
		width:400px;
		padding:8px;
	}
	.header-search .search-title{font-size:14px;}
	.header-search .search-title .full-star{width:16px; height:16px; background: url('../img/graphics/full-star.png');
		background-size: 16px 16px;}
	.header-search .session-control{margin-bottom:0px;}

	.custom-nav .navbar-nav>li>a{padding: 21px 7px; font-size: 18px;}

	#home-search-co span.label{font-size:16px;}
	#home-search-co .by_name{width:200px;}
	#home-search-co .by_category{width:150px;}
	#home-search-co .by_state{width:125px;}

	h1.main-title{font-size:20px;}
	h1.page-title{font-size:24px;}
	.page-text p{font-size:18px; line-height:32px;}
	.page-text .section-title{font-size:18px;}
	.page-text p .text-pic{max-width:300px;}
	.custom-list-group a{font-size:12px;}

	p.foot-email{font-size:13px;}
	.footer-small-text{line-height:16px;}

	.yes-medium{display:block;}
	.no-medium{display:none;}


}

@media (max-width: 1199px) {


}





/*************************************************/
/* Large devices (large desktops, 1200px and up) */
/*************************************************/
@media (min-width: 1200px) {

	.yes-large{display:block;}
	.no-large{display:none;}

	#select-menu{display:none;}


}