/* RESPONSIVE CSS */

@media only screen and (min-width: 1285px) {
#box-anchors {max-width: 255px;}
}

@media only screen and (max-width: 1284px) {
#box-anchors {max-width: 200px;}
}

@media only screen and (min-width: 1400px) {
#mobile-menu {
    display: none;
}
}


@media only screen and (min-width: 1200px) {
#mobile-menu {
    display: none;
}
	
}


@media only screen and (max-width: 1300px) and (min-width: 768px) {
#mobile-header {
    display: flex;
	height: 80px;
    }
	
#mobile-menu {
    display: none;
}
	
/*.header.header-4.clear{
    display: none;
}*/
	
}

	
@media only screen and (max-width: 1200px) {

	
.mega-sub-menu {
  margin-top: 0!important;
  margin-left: 0!important;
}
	
	#cn-notice-buttons {
  margin-top: 25px;
}

#cookie-notice .cn-button {
  margin-bottom: 20px !important;
}	
	.header {
  height: 130px;
 }
	
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: #3e5fac!important;
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {border-bottom: none!important;}
	
.mega-sub-menu a {
  text-indent: 10px !important;
}
	
.mega-sub-menu a:hover:before {  color: #fff!important;}
	
	h1 {padding-left: 35px;}
	
/*header.header.header-4.clear {
    display: none;
}*/

.mobile-toggle {
    width: 20%;
    float: right;
	text-align: right;
    margin-right: 30px;
	margin-top: 15px;
}
	
	.logo-img {
	margin-left: 0px;
    width:200px;
}
	
#maincontent {
  margin-top: 0px!important;
}
	
	
#mega-menu-wrap-header-menu {
  border-top: 5px solid #7cc2dd;
  border-bottom: 5px solid #7cc2dd;
}
	
/*.mega-menu-link:hover,.mega-menu-link:focus {
background: #2c3585!important;
	-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}*/
	
a.mega-menu-link {
	border-bottom: 1px solid #e4e4e4 !important;
	}
a.mega-menu-link:hover,a.mega-menu-link:focus {border: 0px !important;
color: #fff !important;
background: #bf1c93 !important;}
	
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link	{border: 0px!important;}
}

@media only screen and (min-width: 968px) {	
	#box-anchorswrapmob {display: none;}
}
	
@media only screen and (max-width: 968px) {	

.logo.left {
    width: 25%;
    margin-top: 0px;
	position: relative;
}
	
	.header	{height: 155px;}
.sidebar-left {
  width: 100%;
}
	
	.widget.widget_search {
  text-align: right;
  margin-top: 5px;
  padding: 15px;
		  margin-right: 0;
}

.wrapper-lefttcol {
  width: 100%;
  border-left: none!important;
}

.wrapper-lefttcol article {
  padding-left: 12px;
  padding-right: 12px;
}

#box-anchorswrap{
  display: none;
} 

#box-anchors_mob {
  border-bottom: none;
  padding-bottom: 0px;
} 

#box-anchorswrapmob p {
  padding: 0px;}

#box-anchorswrapmob {
  padding: 10px;
  max-width: 100%;
padding-bottom: 25px;
}

}
	
@media only screen and (max-width: 768px) {	
 .tracking-in-expand {
	-webkit-animation: none!important;
	        animation: none!important;
}

	.widget.widget_search {width: 100%;}
	
	.widget_search {
	 display: none;
    text-align: center !important;
    float: left;
    z-index: 999;
    position: absolute;
    background: #fff;
    width: 100%;
	 border-bottom: 5px solid #7a0a99;
  }	
	
#mobsearch {
  float: left;
  width: 36%;
  text-align: center;
  font-size: 1.1em;
  margin-top: 10px;
  display: block;
}
	
.nav.navright {
  width: 63% !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
  padding-right: 10px !important;
  float: right;
}

#hideSearch {
  display: block;
  margin-bottom: 15px;
text-align: left;
}
	
	
#mega-menu-max_mega_menu_1 {
  border-bottom: 8px solid #8a1ab3f5 !important;
}
	.logo.left {
    width: 99%;
    margin-top: 0px;
    position: relative;
    display: block;
    text-align: center;
  }
.widget.widget_search {
	text-align: center;}
 .header {
    height: 140px;
  }	
	.search-submit {
  margin-top: 10px;
}
	
	.logosleft, .logosright {
		width: 100%;}
	
h1 {
    font-size: 1.5em!important;
  padding-left: 8px;
}

.foot1 {
    width: 100%;
	text-align: center;
  }
	

.foot2,.foot3 {
    width: 49.9%;
	text-align: center;
  }

.footer {padding-bottom: 45px;}
	
.footer p {
  max-width: 100%;
	padding-left: 3%;
	padding-right: 3%;
}
	

#mobile-header {
    display: flex;
	height: 80px;
}
	

#posts .vc_grid-filter {
    display: block!important;
}

.custom-event-wrapper {
	width: 45%;}

.wrapper-rightcol {
  width: 100%!important;
}

.sidebar-right {
  width: 99%!important;
}
	
	#partnersites {padding-bottom: 15px;}
.partli {width: 30%; margin-top: 10px;}
	

	
}


@media only screen and (max-width: 550px) {
.search-input {
  border-radius: 9px 9px 9px 9px !important;}
}

@media only screen and (max-width: 468px) {	
h3.vc_tta-panel-title.vc_tta-controls-icon-position-left {
   font-size: 1em !important;
}
	
	#floatbuttons {
  display: none;
}

	.vc_tta-panel-heading h2 {
   font-size: 1em !important;
}
	
	.header {
    height: 135px;
  }
.search-input {
    max-width: 100%;
    display: block;}
	
.search label {
  display: block;
}

.mega-sub-menu li {
  padding: 2px 2px 2px 2px !important;
}
	
.mega-sub-menu a {
    text-indent: 2px !important;
  }
	
.mega-sub-menu a:before {
  margin-right: 5px!important;
	}

#propimg {
	height: 200px;}
	
	.rotate {
  display: block;
border: 2px solid red;
  margin-bottom: 20px;
  padding: 15px;
}
	
	.logo-img {
	margin-left: 0px;
    width:200px;
}
.foot2,.foot3 {
    width: 100%;
	text-align: center;
  }
	
.custom-event-wrapper {
	width: 95%;}

.partli {width: 45%; margin-top: 10px;}

}

@media only screen and (max-width: 320px) {	
	
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  padding: 0px 5px 0px 5px;
  font-size: 17px;
}
	
}
