* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
body, .mcdtop h4 {
	font-size: 14px;
}
body, a, .header-sign-up a:hover, .searchlist li li a, .topsechead .searchlist a, .footerlinks li a, .righthed li a:hover {
	color: #666;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	transition: all 0.5s ease;
}
a:hover {
	transition: all 0.5s ease;
}
section, header, footer, p, li, h1, h2, h3, h4, h5, h6, .wrapper, .logo, .bannerform, .searchlist, .searchlist ul, .searchlist li li, .searchlist li li a, .titletxt, h1, .bottomcate ul, .bottomcate li span, .footerlinks, .footerlinks p, .footerlinks strong, .footerlinks ul, .footerlinks li, .bottomcount {
	width:100%;
	float: left;
}
img {
	max-width: 100%;
	height: auto;
	float: left;
}
.clear {
	clear: both;
}
header a:hover, header .header-sign-up a, .btn, .searchlist li a:hover, .bottomcate li a:hover span, .searchButton, .modal-header, a.ct-newsletter-close.ct-sliderPop-close {
    background: #f8a11b;
}
.rzslider .rz-pointer {
    background-color: #f8a11b;
}
.titletxt, h1, .midincount i, .rating .filled, .botreu:hover {
	color: #f8a11b;
}
.bottomcate li span {
    border: solid 2px #f8a11b;
}
.btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	border-color: #df8904;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #fec977;
}
.botreu {
    border-radius: 4px;
}
.modal-header, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .botreu, a.ct-newsletter-close.ct-sliderPop-close {
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, a.ct-newsletter-close.ct-sliderPop-close:hover {
    background-color: #df8904;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    border-color: #df8904;
}
.inner {
	/*width: 960px;*/
	width: 1170px;
	margin: 0 auto;
}
.topsec {
    background-color: red;
    background-image: linear-gradient(#1aa4fd, #e0f1fe);
    padding: 30px;
}
/*.topsec {
	position: relative;
}
.topin {
	position:absolute;
	top: 30px;
	left: 0;
}*/
.topleft {
	width: 50%;
}
.topleft, .topleft ul, .topleft ul li, .topright ul li {
	float: left;
}
.topright {
	width: 50%;
}
.topright, .topright ul {
	float: right;
}
header, header a {
	color: #fff;
}
header li {
	margin: 0 5px;
	width: auto;
}
header a {
	padding: 6px 22px;
	display: block;
    border: solid 2px #fff;
	border-radius: 3px;
}
header .header-sign-up a:hover {
	background: #fff;
}
.logo {
	text-align: center;
    padding: 140px 0 30px;
}
.logo a {
	display: inline-block;
}
.formsec {
	width: 47%;
	float: left;
}
.formsec span {
	float:left;
	width: auto;
}
.bannerform {
    background: #fff;
    border-radius: 4px;
    padding: 6px;
}
.leftform {
	border-right: solid 2px #ccc;
}
.bannerform span, .bannerform input {
	padding: 9px;
}
.bannerform span {
	font-weight: 600;
}
.btn {
	color: #fff;
	cursor: pointer;
}
.leftform input {
	width: 78%;
}
.searchbtn {
    width: 38px;
    padding: 6px;
    height: 38px;
    overflow: hidden;
    border-radius: 2px;
    float: right;
}
.rightform input {
	width: 78%;
}
.searchbtn:hover {
	opacity: .8;
}
.searchlist {
	padding: 28px 0;
}
.searchlist ul {
	text-align: center;
}
.searchlist li ul {
    position: absolute;
    top: 18px;
    left: 0;
    width: 270px;
    float: left;
    background: #fff;
    border-radius: 3px;
	display: none;
}
.searchlist li:hover ul {
	display: block;
}
.bottomcate li a {
    display: inline-block;
}
.searchlist li {
	display: inline-block;
	margin: 0;
	position: relative;
	width: auto;
	float: none;
}
.searchlist a {
    color: #000;
    border: solid 1px #000;
    padding: 8px 18px;
    border-radius: 4px;
    margin: 0 6px;
}
.searchlist li a:hover {
    color: #000;
}
.searchlist li li {
    margin: 0;
}
.searchlist li li a {
    text-align: left;
    padding: 6px 16px;
    border-bottom: dotted 1px #ccc;
}
.bottomcate {
	padding: 80px 0;
}
.titletxt, h1 {
	font-weight: 500;
	font-size: 28px;
	margin-bottom: 22px;
}
.bottomcate, .textcenter, .copyright, .bottomcate ul {
    text-align: center;
}
.bottomcate li {
    /*width: 31.2%;
    display: inline-block;
    margin: 5px 10px;
    border-radius: 2px;
    min-height: 270px;
    float: none;*/ 
	width: 33%; display: inline-block; margin: 0 0 20px 0; border-radius: 2px; min-height: 270px; float: none; padding: 0 20px 0 0;
}
.bottomcate li a img {
    border-radius: 4px 4px 0 0;
}
.bottomcate li span {
    padding: 12px;
    color: #333;
    border-radius: 0 0 4px 4px;
    margin: 4px 0 0;
}
.bottomcate li span, .footerlinks strong {
	font-weight: 500;
	font-size: 14px;
}
footer {
	padding: 40px 0;
	background: #F5F5F5;
	border-top: 1px solid #ccc;
}
.footerlinks {
	width: 25%;
	float: left;
	padding: 0 2% 0 0;
	/*padding: 0 2%;*/
}
.footerlinks p {
	margin: 10px 0;
}
.footerlinks li {
    margin: 5px 0;
}
.footerlinks li, .copyright {
    font-size: 13px;
}
.footerlinks p strong {
	color: #000;
}
.footerlinks li a:hover {
	text-decoration: underline;
}
.copyright{
	border-top: solid 1px #ccc;
	margin: 30px 0 0;
	padding: 20px 0 0;
}
/**Searchpage**/
.wrapperin {
	width: 1280px;
	margin: 0 auto;
}
.logohed, .logohed a {
    width: auto;
    float: left;
}
.topsechead {
}
.searchhed {
    width: 630px;
    float: left;
    margin: 0 20px;
}
.searchsec {
    margin: 0 0 4px;
}
.searchsec, .midincount:hover {
    box-shadow: 0px 0px 7px #ccc;
}
.searchsec, .righthed ul {
	width: 100%;
	float: left;
}
.searforin {
	width: 92%;
	float: left;
}
.bannerform span {
    font-weight: 600;
    width: 62px;
    float: left;
}
.searchsec .formbtn {
	width: 8%;
    float: left;
}
.searforin {
	padding: 8px 0;
}
.searchsec input {
    padding: 0px 10px;
	width: 100%;
}
.topsechead .searchlist {
    padding: 3px 0;
}
.topsechead .searchlist a {
    font-size: 13px;
}
.topsechead .searchlist li {
    margin: 4px 16px;
}
.righthed {
    float: right;
    margin: 12px 0 0;
    font-weight: 600;
}
.righthed li {
    float: left;
    width: auto;
    margin: 2px;
}
.righthed li a {
    float: left;
    width: auto;
    padding: 9px 13px;
    border-radius: 4px;
}
.righthed li a:hover, .rsb:hover {
	background: #eeeeef;
}
.loginbtn {
	border: 1px solid #bbbac0
}
.signinbtn {}
/**contentsec**/
.bottomcount {
	padding: 40px 0;
}
.leftfilter {
    width: 232px;
    float: left;
}
.fillin {
    border-bottom: 1px solid #eeeeef;
    padding: 2px 0;
}
.fillin, .lefin, .lefin ul, .lefin li, .pagetitle, .midincount, .srtext, .mcdtop, .mcdbot, .rightmap iframe {
    width: 100%;
    float: left;
}
.filtertitle {
    font-size: 16px;
    margin: 0 0 10px;
}
.filtertitle, .bold {
	font-weight: 700;
}
.tbfil .rsb, .cattag .rsb {
    width: auto;
    float: left;
    border: 1px solid #bbbac0;
    padding: 9px 12px;
    font-weight: 600;
	cursor: pointer;
	background: #fff;
	color: #000;
}
.tbfil .rsb {
    border-left: none;
}
.frsb {
	border-left: 1px solid #bbbac0;
	border-radius: 20px 0px 0px 20px;
}
.lrsb {
	border-radius: 0px 20px 20px 0px;
}
.cattag .rsb {
    border-radius: 4px;
    margin: 4px;
}
.alllink {
    padding: 10px;
    width: auto;
    float: left;
    font-weight: 600;
}
.alllink, .linkcol {
    color: #00838f;
}
.alllink:hover, .linkcol:hover {
    color: #000;
	text-decoration: underline;
}
.intxt, .incheck {
	float: left;
	width: auto;
}
.lefin li {
	margin: 3px 0;
}
.incheck {
    margin: 2px 4px 0 0;
}
.midsearchres {
    width: 648px;
    float: left;
    padding: 0 38px;
}
.plefttitle {
    float: left;
    width: 420px;
    font-size: 22px;
    font-weight: 700;
    padding-right: 20px;
}
.plefttitle, .srtext {
	font-weight: 700;
}
.prightsort {
    float: right;
    width: 152px;
    margin: 6px 0 0;
}
.shortext {
    float: left;
    width: 33px;
    margin-right: 3px;
}
.shortlistre {
    float: right;
    width: 115px;
    font-weight: 600;
}
.srtext {
    font-size: 16px;
    margin: 30px 0;
}
.midincount {
    border-radius: 3px;
    border: 1px solid #eeeeef;
    padding: 18px;
    margin: 10px 0;
}
.midcimg {
    width: 23%;
    float: left;
    border-radius: 6px;
    overflow: hidden;
}
.midcrtxt {
    width: 77%;
    float: left;
    padding-left: 3%;
    line-height: 21px;
}
.mcdtleft {
	width:67%;
	float: left;
}
.mcdtright {
    width: 30%;
    float: right;
    font-size: 12px;
    text-align: right;
    line-height: 20px;
}
.mcdbot {
    margin-top: 14px;
}
.starbox .checked {
	color: orange;
}
.mTop10 {
	margin-top: 10px;
}
.martb10 {
	margin: 10px 0;
}
.nopadtop {
	padding-top: 0;
}
.rightmap {
	width: 400px;
	float: left;
}
.rightmap iframe {
	height: 720px;
}
.stickydiv {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
/**inslider**/
.slick-slide {
    margin: 4px 2px;
}
.slin, .revgal a {
    float: left;
    overflow: hidden;
}
.slin, .slin img, .revgal li img, .revgal a {
    width: 100%;
}
.slin, .slin img {
    height: 300px;
}
.slin img, .revgal li img {
    object-fit: cover;
}
/**inslider**/
.serleftside {
	width: 60%;
	float: left;
}
.serrightside {
    width: 40%;
    float: right;
    padding: 0 0 0 4%;
}
.pintitle, .subtitle {
    font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}
.pintitle {
	font-size: 32px;
}
.subtitle {
	font-size: 20px;
}
.subin {
    font-size: 16px;
    margin: 10px 0 12px;
}
.claimed {
    font-weight: 600;
	color: #000;
	font-size: 12px;
}
.starbox, .strleft, .strrewcount, .strdtl, .sertxt, .serdtl, .marlist li {
    width: auto;
    float: left;
}
.sersecla, .serprce, .huwa, .wrapss, .serltop, .marpadbo, .marlist, .sumbe, .smac, .revh, .lah, .lah, .lahmap, .lahmtxt, .lahmtxt p, .lahmtxt p strong, .timetable, .ament, .rvlist, .rvlist li, .revgal, .botre, .pgnt {
    width: 100%;
    float: left;
}
.marlist li {
    margin: 0 14px 0 0;
}
.strbig {
	font-size: 23px;
}
.strrewcount {
    padding: 6px 16px;
}
.strdtl, .serdtl:hover, .btntxt:hover, .botreu:hover {
    background: #eeeeef;
}
.strdtl, .serdtl, .lahmain {
    border: 1px solid #eeeeef;
	border-radius: 2px;
}
.strdtl, .serdtl {
    color: #2b273c;
    padding: 4px 8px;
    margin: 3px 0;
    cursor: pointer;
    font-size: 12px;
}
.serdtl {
    background: none;
}
.sertxt {
    padding: 6px 6px 0 0;
}
.serprce {
    margin: 4px 0;
}
.wrapss {
    margin: 30px 0 0;
}
.wrao, .btntxt {
    width: auto;
    float: left;
}
.wrao {
    margin: 0 10px 0 0;
}
.btntxt, .lernbtn {
    border-color: rgba(0,0,0,.12);
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}
.btntxt {
    padding: 10px 16px;
    font-weight: 600;
}
.btntxt:hover, .lernbtn:hover {
	box-shadow: 0px 0px 2px #CCC;
}
.marpadbo {
	border-top: 1px solid #eeeeef;
}
.marpadbo, .serltop {
    padding: 30px 0;
}
.smac {
    border: 1px solid #eeeeef;
    border-radius: 6px;
    overflow: hidden;
}
.smac:hover {
    box-shadow: 0px 4px 4px #ccc;
}
.sumbe {
    margin: 20px 0 0;
}
.sumbeimg {
    width: 22%;
    float: left;
}
.sumbetxt {
    float: left;
    width: 78%;
    padding: 3%;
}
.sumbetxt p {
	margin: 8px 0 0;
	font-size: 12px;
}
.sumbetxt .smti {
    font-size: 14px;
    font-weight: 700;
    color: #000;
	margin: 0;
}
.revh {
    margin: 3px 0;
}
.revhimg {
    width: 60px;
    float: left;
    overflow: hidden;
    border-radius: 3px;
}
.revhtxt {
    float: left;
    width: 80%;
    padding: 1% 2%;
    line-height: 20px;
}
.revhtop {
    margin-top: 20px;
}
.lah {
    margin: 20px 0 0;
}
.lahmain {
    width: 317px;
    float: left;
}
.lhtxt {
    width: 177px;
    float: left;
}
.lahmtxt {
    padding: 16px;
}
.rhmtxt {
    width: 99px;
    float: left;
    margin: 17px 0 0 6px;
}
.lahmtxt p {
    line-height: 20px;
}
.lahtxt {
    width: auto;
    float: left;
    text-align: left;
    margin: 0 0 0 22px;
}
.timetable th, .timetable td {
    padding: 2px 12px;
}
.timetable {
    font-size: 13px;
}
.acscol:hover, .serlist a:hover {
	text-decoration: underline;
}
.ebinfo {
    margin: 8px 24px;
    width: auto;
    float: left;
}
.ament {
	margin-top: 20px;
}
.ament li {
    width: 50%;
    float: left;
    min-height: 50px;
}
.ament .fa {
	font-size: 28px;
	float: left;
}
.amen {
    width: 90%;
    float: left;
    padding: 4px 0 0 4%;
}
.atbsc p {
    line-height: 22px;
    margin: 10px 0 0;
}
.revleft {
	width: 210px;
    float: left;
}
.revright {
    width: 554px;
    float: left;
    padding-left: 20px;
}
.rrevtxt {
    line-height: 22px;
    margin: 8px 0 0;
}
.rvimg {
    width: 80px;
    float: left;
}
.rvimg a {
	display: block;
}
.rvimg a:hover img {
	opacity: .8;
}
.rvimg img {
	border-radius: 8px;
}
.rvinfo {
    width: 110px;
    float: left;
    margin: 0 0 0 14px;
}
.font12 {
	font-size: 12px;
}
.rvhe {
	font-size: 15px;
}
.satcl {
    color: #000;
    margin: 2px 0 0;
}
.revgal {
    margin: 12px 0 0;
}
.rvlist {
    margin: 2px 0 3px;
}
.rvlist li {
    margin: 1px 0;
}
.revgal li {
    width: 100px;
    float: left;
    margin: 3px;
}
.revgal li, .revgal li img {
    height: 100px;
}
.revgal li a:hover img {
    opacity: .8;
}
.revgal li img {
    border-radius: 3px;
}
.botre li {
    float: left;
    width: auto;
}
.botreu {
    margin: 3px;
    padding: 6px 10px;
    border-radius: 2px;
    cursor: pointer;
}
.botreu i {
    font-weight: 500;
    font-size: 22px;
    float: left;
}
.botreu span {
    float: left;
    margin: 3px 0 0 5px;
}
.botre {
    margin: 20px 0 0;
}
.pgnt {
    border-top: 1px solid #eeeeef;
    border-bottom: 1px solid #eeeeef;
    padding: 12px 0;
}
.pgntleft {
    width: 80%;
    float: left;
}
.pgnlist, .serghtop, .serghbot, .serlist, .serlist li, .serghtop p {
    width: 100%;
    float: left;
}
.pgnlist li {
    float: left;
    width: auto;
}
.pgnlist a {
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 5px;
    margin: 2px;
	border: solid 1px transparent;
}
.pgnlist a:hover {
    border: solid 1px #00838f;
}
.pgnlist span {
	color: #eeeeef;
}
.pgnlist .active {
	font-weight: 700;
	color: #000;
}
.pgntright {
    font-weight: 700;
    padding: 9px 9px 0;
    width: auto;
    float: right;
}
.serghtop, .serghbot {
	border: 1px solid #eeeeef;
}
.serghbot {
    padding: 6px 30px;
    margin: 10px 0;
}
.serlist li {
    border-top: 1px solid #eeeeef;
    padding: 20px 0;
}
.serlist li:first-child {
	border-top: none;
}
.serlist li i {
    font-size: 24px;
    color: #000;
	float: left;
}
.sra {
    margin: 2px 0 0 12px;
    float: left;
    font-size: 16px;
}
.serghtop {
    padding: 30px;
    margin-bottom: 20px;
}
.serghtop i {
    float: left;
    font-size: 40px;
}
.serghtop span {
    float: left;
    width: 90%;
    padding-left: 2%;
    font-size: 19px;
    font-weight: 700;
}
.lernbtn {
    padding: 10px 20px;
    width: 78%;
    font-weight: 600;
    font-size: 16px;
    border-radius: 2px;
    margin: 16px 0 0;
}
.midincount {
    padding: 12px;
}
.midcimg {
    width: 12%;
}
.midcrtxt {
    width: 88%;
}
.bannerform .leftform:first-child input:nth-child(1){
	left: 62px !important;
}
.bannerform .rightform:first-child input:nth-child(1){
	left: 55px !important;
}
.bannerform .rightform > div{
	float: left;
}
.dropdown-menu  > li.uib-typeahead-match > a {
    display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333 !important;
	white-space: nowrap;
}
.thumbActive{
	background: green;
	color: white;
}
.thumbActive button{
	background: none;
}
.pagination{
 clear: both;
width: 100%;
 }
.modal-header{
	float: left;
	clear: both;
	width: 100%;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu> a:after {
	content: ">";
	float: right;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: 0px;
	margin-left: 0px;
}
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.padding10{
	padding: 10px;
}
.floatLeft{ 
   float: left;
}
.floatRight{ 
   float: right;
}
.searchButton{
    padding-right: 10px;
    padding-left: 10px;
    color: white;
    cursor: pointer;
}
.hintFilter{
	background: #428bca;
    padding: 2px;
    color: white;
    cursor: pointer;
}
/********
          start 06Dec21
		                *********/
body a:hover, body a:focus, body .btn:hover, body .btn:focus {
    text-decoration: none;
}
.loginbtn {
    border: 1px solid #fff;
    border-radius: 6px;
}
header a {
    padding: 6px 22px;
}
header a:hover, header a.signinbtn:hover {
    color: #fff;
}	
.w100 {
	width: 100%;
}
.logo, .homebg, .homebgin {
    width: 100%;
    float: left;
}
.logo {
    text-align: center;
    padding: 50px 0 30px;
}
.logo a {
    display: inline-block;
    width: 200px;
}
.card-body {
    margin: 14px 0 0;
    display: inline-block;
}
table {
    max-width: 100%;
    background-color: transparent;
    margin: 10px 0;
    width: 100%;
    float: left;
    border-radius: 4px;
    overflow: hidden;
}
td, th {
    padding: 6px 16px;
}
th {
    background: #f7f7f7;
}
tr:nth-child(even) {
    background-color: transparent;
}
td .btn {
    padding: 2px 4px;
    margin: 2px;
}
.serghbot {
    margin: 10px 0;
}
a.ct-newsletter-close.ct-sliderPop-close {
    position: absolute;
    top: -36px;
    right: 0;
    padding: 6px 16px;
    border-radius: 4px;
}

.content-cms-custom{padding: 0;}

.icon-menu{position: fixed; background: #25a8fd; left: 0; bottom: 0; z-index: 9; width: 100%; visibility: visible !important;}
  .icon-menu ul{margin:0; padding: 0;}
  .icon-menu ul li{display: inline-block; vertical-align: middle; width: 33%; text-align: center; padding:12px 0 10px;}
  .icon-menu ul li a{color: #fff; display: block; font-weight: 600;}
  .icon-menu ul li a i{display: block; font-size: 20px; margin: 0 0 5px; color: rgba(250, 250, 250, 0.5);}  

.ng-scope h2{overflow:hidden;}

/***** my css *****/

.form-actions{margin: 0 0 20px;}

    /** Smartphones **/
@media (min-width: 320px) and (max-width: 480px) {
   
    
    header li{margin: 0 5px 10px;}
    .inner{width:100%; float: none;}
	.topsec{padding: 30px 15px; float: none; overflow: hidden;}
	.topsec .wrapperin{padding:0 !important;}
	.topright ul li a::before{content: "\f2c0"; font-family: FontAwesome; margin: 0 10px 0 0; display: inline-block; vertical-align: middle;}
	.topright ul li:last-child a::before{content: "\f044";}
    .wrapperin{width:100%; float: none; position:relative; padding:0 15px !important;}
	.logo{float: none;}
	.logo img{float: none;}
	.topright{width: 100%;}
	.bannerform{padding:0;}
	.bannerform form{position: relative;}
	.bannerform .searchbtn{position: absolute; right: 0; bottom: 0;}
	.formsec.rightform{padding-right: 50px;}
	.leftform{border-right: 0; border-bottom: 2px solid #ccc;}
	.formsec{width: 100%; float: none;}
	.searchlist a{margin: 0 6px 15px; display: block;}
	.bottomcate li{width: 100%; min-height: inherit; margin: 0 0 15px; padding: 0 15px 0; display: block;}
	.footerlinks{width: 50%; display:none;}
	footer{padding: 40px 15px 144px; position: relative;}
	.copyright{padding: 20px 15px 0;}
	
	.logohed{position: relative; float: none; width: 100%; text-align: center;}
	.logohed a{display: block; text-align: center; margin: auto; float: none;}
	.logohed img{width: 200px; float: none; display: block; margin: 0 auto 20px;}
	.searchhed{width: auto; float: none; margin: 0;}
	.searforin{width: 100%; float: none; padding: 0;}
	.searchsec input{padding: 10px 10px;}
	.bannerform{float: none; overflow: hidden;}
	.card-body{display:none;}
	.topsec .righthed{display:none; width: auto; float: none; margin: 15px 0 0;}
	.topsec .righthed ul{float: none; text-align: right;}
	.topsec .righthed ul li{float: none; display: inline-block;}
	.topsec .righthed li a{padding: 9px 11px;}
	.leftfilter{width: 100%; position: relative; float: none;}
	.fillin{height: auto !important;}
	.midsearchres{width: 100%; position: relative; float: none; padding: 0 15px;}
	.control-group{float: none !important;}
	.rightmap{display: none;}
	
	.serleftside{width: 100%; float: none;}
	.serleftside .serltop{float: none;}
	.serleftside .sersecla{overflow: hidden;}
	.serleftside .botre{overflow: hidden;}
	.serleftside .wrapss{overflow: hidden;}
	.serleftside .marpadbo{overflow: hidden;}
	.serleftside .ament li{min-height: 90px; height:auto;}
	.serrightside{width: 100%; float: none; padding: 0; position: relative; overflow: hidden;}
	
	.icon-menu{display: block !important;}
	.topsechead{float: none; padding: 0;}	
	
}


/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
   
    header li{margin: 0 5px 10px;}
    .inner{width:auto; padding:0 15px; max-width:576px; float: none;}
    .wrapperin{width:auto; padding:0; position: relative; max-width:576px; float: none;}
	.bottomcount .wrapperin{padding: 0 15px;}
	.topright{width: 100%;}
	.topright ul li a::before{content: "\f2c0"; font-family: FontAwesome; margin: 0 10px 0 0; display: inline-block; vertical-align: middle;}
	.topright ul li:last-child a::before{content: "\f044";}
	.bannerform{padding:0; overflow: hidden;}
	.bannerform form{position: relative;}
	.bannerform .searchbtn{position: absolute; right: 0; bottom: 0;}
	.formsec.rightform{padding-right: 50px;}
	.leftform{border-right: 0; border-bottom: 2px solid #ccc;}
	.formsec{width: 100%; float: none;}
	.searchlist a{margin: 0 6px 15px; display: block;}
	.bottomcate li{width: 50%; min-height: inherit; vertical-align: top;}
	.bottomcate li:nth-child(2n){padding-right: 0;}
	.footerlinks{width: 50%; display:none;}
	footer{padding: 40px 2px 90px; position: relative;}
	.copyright{padding: 20px 15px 0;}
	
	.logohed{position: relative; float: none; width: 100%; text-align: center;}
	.logohed a{display: block; text-align: center; margin: auto; float: none;}
	.logohed img{width: 200px; float: none; display: block; margin: 0 auto 20px;}
	.searchhed{width: auto; float: none; margin: 0;}
	.searforin{width: 100%; float: none; padding: 0;}
	.searchsec input{padding: 10px 10px;}
	.bannerform{float: none; overflow: hidden;}
	.card-body{display:none;}
	.topsec .righthed{display:none; width: auto; float: none; margin: 15px 0 0 50px;}
	.topsec .righthed ul{float: none; text-align: right;}
	.topsec .righthed ul li{float: none; display: inline-block;}
	.leftfilter{width: 100%; position: relative; float: none; padding: 0;}
	.fillin{height: auto !important;}
	.midsearchres{width: 100%; position: relative; float: none; padding: 0;}
	.rightmap{display: none;}
	
	.serleftside{width: 100%; float: none;}
	.serleftside .serltop{float: none;}
	.serleftside .sersecla{overflow: hidden;}
	.serleftside .botre{overflow: hidden;}
	.serleftside .wrapss{overflow: hidden;}
	.serleftside .marpadbo{overflow: hidden;}
	.serleftside .ament li{min-height: 70px; height:auto;}
	.serrightside{width: 100%; float: none; padding: 0; position: relative;}
	
	.icon-menu{display: block !important;}
	.topsechead{float: none; overflow: hidden; padding: 0;}	
   
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
	
	header li{margin: 0 5px 10px;}
	.inner{width:auto; padding:0 30px; max-width:850px;} 
    .topright ul li a::before{content: "\f2c0"; font-family: FontAwesome; margin: 0 10px 0 0; display: inline-block; vertical-align: middle;}
	.topright ul li:last-child a::before{content: "\f044";}   
	.bottomcount .wrapperin{padding: 0 15px;}
	.wrapperin{width:auto; padding:0; max-width:850px; position:relative;}         
	.bottomcate li{width: 33%; min-height: inherit; vertical-align: top;}
	.bottomcate li:nth-child(3n){padding-right: 0;} 
	.logohed{position: relative; float: none; width: 100%; text-align: center;}
	.logohed a{display: block; text-align: center; margin: auto; float: none;}
	.logohed img{width: 200px; float: none; display: block; margin: 0 auto 20px;}
	.searchhed{width: auto; float: none; margin: 0;}
	.card-body{display: none;}
	.bannerform{float: none; overflow: hidden;}
	.topsec .righthed{display: none; width: auto; float: none; margin: 15px 0 0 50px;}
	.topsec .righthed ul{float: none; text-align: right;}
	.leftfilter{width: 30%; padding: 0 15px 0 0;}
	.fillin{height: auto !important;}
	.midsearchres{width: 70%; padding: 0 0 0 15px;}
	.rightmap{display: none;}
	.ament li{min-height: 70px;}
	.icon-menu{display: block !important;}
	footer{padding-bottom: 90px; position: relative;}
  
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1090px) { 
    
    header li{margin: 0 5px 10px;}
    .inner{width:auto; padding:0 30px; max-width:1030px;}
    .topright ul li a::before{content: "\f2c0"; font-family: FontAwesome; margin: 0 10px 0 0; display: inline-block; vertical-align: middle;}
	.topright ul li:last-child a::before{content: "\f044";}
	.wrapperin{width:auto; padding: 0 !important; max-width: 1030px; position: relative;}
	.bottomcount .wrapperin{padding: 0 15px !important;}
	.bottomcate li{width: 33%; min-height: inherit; vertical-align: top;}
	.bottomcate li:nth-child(3n){padding-right: 0;}
	.logohed{position: relative; float: none; width: 100%; text-align: center;}
	.logohed a{display: block; text-align: center; margin: auto; float: none;}
	.logohed img{width: 200px; float: none; display: block; margin: 0 auto 20px;}
	.searchhed{width: auto; float: none; margin: 0;}
	.bannerform{float: none; overflow: hidden;}
	.topsec .righthed{display:none; width: auto; float: none; margin: 15px 0 0 50px;}
	.topsec .righthed ul{float: none; text-align: right;}
	.topsec .righthed ul li{float: none; display: inline-block;}
	.leftfilter{width: 30%; padding: 0 15px 0 0;}
	.fillin{height: auto !important;}
	.midsearchres{width: 70%; padding: 0 0 0 15px;}
	.rightmap{display: none;}
	.icon-menu{display: block !important;}
	footer{padding-bottom: 90px; position: relative;}

}

/* Large Display */
@media (min-width: 1367px) { }

#menuToggle
{
 display: block;
position: absolute;
top: 19px;
left: 6px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #fff;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}


#menuToggle span
{
  font-size: 14px;
}
#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle p {
	
	float: left;
font-size: 13px;
width: 190px;
color: #fff;
}
 
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
 position: absolute;
width: 300px;
margin: -100px 0 0 -6px;
padding: 20px;
  padding-top: 90px;
  
  background: #f8a11b;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 3px 0;
font-size: 20px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

@media (min-width: 320px) {
    
    #menuToggle input:checked ~ ul{transform: none; position: fixed; height: 100%; margin: 0 0 0 -6px; top: 0; left: 0; overflow: scroll; padding: 70px 0 35px 0;}
    #menuToggle input:checked ~ #menu li{border-top: 1px dashed #fff; padding: 10px 30px 10px 15px; margin: 0;}

}
/*
 * 29July22
 */
.pintitle strong {
    width: 100%;
	float: left;
 }
 #myDIV {
	display: block;
}
.filterbtn {
    display: none;
    color: #fff;
}
.filterbtn:hover {
    color: #000;
}
@media (min-width: 0px) and (max-width: 767px) {
 .midcimg, .mcdtleft, .mcdtright {
    width: 100%;
 }
 .midcimg, .mcdtleft, .mcdtright, .topright ul {
    text-align: center;
}
.midcimg img {
    float: none;
}
.mcdtleft, .prightsort {
    float: left;
}
.mcdtleft {
    margin: 10px 0;
}
.starbox, .topright ul li {
    float: none;
    display: inline-block;
}
.mcdtright p {
    margin: 3px 0;
}
.filterbtn {
	display: block;
    width: 100%;
    text-align: left;
}
#myDIV {
	display: none;
}
.rate_ing {
    border-top: 1px solid #eeeeef;
    padding: 6px 0 2px;
    margin-top: 10px;
}
.botre {
    margin: 0;
}
}


.pagination a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

.pagination a:hover {
  background-color: #ddd;
  color: black;
}

.pagination .previous {
  background-color: #f1f1f1;
  color: black;
}

.pagination .next {
  background-color: #04AA6D;
  color: white;
}

.pagination .round {
  border-radius: 50%;
}