@media (min-width:1024px) and (max-width:1200px) {
.nav>li{margin-top: 0px;}
.ban-head{font-family: 'SFUIDisplay-Bold';font-size: 51px;line-height: 58px;}
.banner{padding: 79px 0px 60px 0px;}
.intro{width: 922px;}
.ban-head {font-size: 53px;}
}
@media screen and (min-width:2200px) {
.ban-head{font-size: 68px;
    line-height: 83px;
}
.banner-cont{margin-top: 0px;}
}
@media (min-width: 320px) and (max-width: 768px){
a.navbar-brand{padding-top:0px;}
.listing-top{min-height: 264px;}
.vidlayer{background-size:cover;}
.list-sub-head, .list-head{white-space:pre-wrap;}
.mySwiper1 .swiper-pagination {bottom: -30px!important;}
a.suppy {font-size: 14px;}
.testimonial_box{box-shadow: none;width: 96%;}
.associate_inner {padding-top: 39px;}
.listing-bottom {min-height: 144px;}
.soc-inners { margin-top: 108px;}
#soc1{padding-bottom:15px;}
ul.search_form{flex-wrap: wrap;}
.soc1-head{font-size: 16px;line-height: 23px;}
ul.search_form li {width: 100%;margin-bottom: 5px;}
ul.search_form{width: 100%;}
.main-search-button {margin-top: 5px;}
.soc1-search-form{margin-top:15px;}
ul.affliates_lnk{justify-content: space-between;}
.newfooter{padding-bottom: 30px;padding-top:30px;}
.mySwiper .swiper-button-prev {
  transform:none!important;
}
.mySwiper .swiper-button-next {
  transform: none!important;right: 25px;
}
ul.main_ul{display: block;padding-left: 0px;margin-top: 30px;}
.social{padding: 40px 0px;}
ul.main_ul li{display: inline-block;width: 49%;}
ul.soc_ul_footer{justify-content: center;}
.associate{min-height: 408px;}
.mag{margin-top: 30px!important;margin-bottom: 30px;}
#soc1{margin: 0px!important;}
ul.listing{display: block;white-space: nowrap;overflow: auto;flex-wrap: nowrap;}
ul.listplace_ul li{white-space: pre-wrap;}
.list-cont{white-space: pre-wrap;}
ul.listing li{width:70%;display: inline-block;vertical-align:top;}
.supplier .nav{display: flex;white-space: nowrap;overflow: auto;flex-wrap: nowrap;}
.supplier .nav>li{display: inline-block;}
ul.news-right li{width: 100%;}
ul.top_intro{display:block!important;}
ul.top_intro li{margin-bottom: 40px;}
.slider-wrapper{ font-size: 31px; margin-top: 0px;}
.slider { height: 64px;}
.stats {
  background-image: url(../images/statbg.jpg);
  padding: 58px 0px;
  background-position: center;
  background-size: cover;
  margin-bottom: 60px;
}
.navbar-brand>img{width: 188px;margin: 15px auto 0px 0px;}
.navbar-nav{margin-top:10px!important;}
.navbar-nav{background-color:#343a40;padding: 9px 0px;padding: 12px 0px;margin-top: 28px!important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: transparent;}
.banner{background-size: cover;padding: 103px 0px 60px 0px;min-height: 578px;}
.navbar li a, .navbar .navbar-brand{color: #ffffff!important;}
.navbar-nav>li>a{padding-top: 13px;padding-top: 10px;}
.inner{padding-top: 88px!important;}
.navbar-toggle{margin-right: 4px;margin-top:10px;float: left;left: 0px;position: fixed!important;}
.banner-thanks{padding: 130px 0px 0px 0px;min-height: 300px;}
.banner-thanks p{font-size: 15px;line-height: 23px;}
.navbar-nav{margin: 7.5px -15px 0px -15px;}
.top_search{position: absolute;right: 11px;top: -68px;}
.navbar-default .navbar-toggle{border: none;}
.navbar-default .navbar-toggle .icon-bar{background-color:#48494a;}
.navbar-brand{padding: 0px;float: none;margin-left: 20px;}
.navbar{position: absolute;margin-top: 32px;background-color: #ffffff; width: 100%;min-height: 80px;}
.top{position:absolute;width: 100%;padding-bottom: 7px;z-index: 999;}
.ban-head{font-size: 35px;line-height: 42px;}
.banner-cont p{font-size: 17px;line-height: 22px;}
.banner-cont{padding: 19px;}
.mob-pd{padding: 0px!important;}
.myframe{width:100%;height:100%;}
#video-wrapper{top:50%;width: 100%;
height: 228px;}
#button img{height: 55px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.nav>li{margin-bottom: 14px;margin-top: 11px;border-bottom: 1px solid #959191;}
ul.soc_ul{display: none;}
ul.top_links li, ul.top_links li a{font-size: 12px;padding-right: 10px;}
.desk{display: none;}
.mob{display: block;}
.vid-head, .news-head, .events-head, .associate-head, .about h1{font-size: 32px;line-height: 42px;margin-bottom: 15px;}
a.top_search{background-color: transparent;margin-top:0px;}
a.top_search img{width: 20px;mix-blend-mode: exclusion;}
a.top_search{padding: 0px;}
.sideMenu ul{padding: 0px;}
.navbar-toggler-icon{display: none;}
.mobmenu{position: absolute;}
.mobmenu img{width: 21px;margin-top: 16px;}
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {display: flex; justify-content: flex-start;}
.mobsearch{display: block;position: absolute;z-index:-1;right: 0px;top: 0px;display: none;}
.moblogo{display:inline-block;}
.mylink{margin-left: 0px;padding: 20px 12px!important;border-bottom: 1px solid #858585;}
.mobmenu{display:block;cursor:pointer;}
.overlay-content ul.soc_ul{display: flex;float: left;padding-left: 0px;}
.mob-hid{display: none;}
.banner-cont{width: 95%;padding-top: 50px;}
.vidlayer{height: 200px;}
#button{margin-top: 20px;}
ul.events_ul{display: block;margin-bottom:28px;}
ul.events_ul li{width: 100%;margin-bottom:15px;}
.news-cont{margin-bottom: 20px;}
ul.stats_ul{display: block;}
ul.stats_ul li{width: 49%;display: inline-block;margin-bottom:20px;}
ul.stats_ul li:last-child{margin-bottom:0px;}
.stats-head { font-size: 30px;}
}






.overlay {
  height: 100%;
  position:absolute;
  z-index:9999;
  top: 0;
  left: 0;
  background-color:#48494A;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
    position: initial;
    top: 25%;
    width: 100%;
    text-align: center;
  margin-top: 30px; 
}
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
    text-align: left;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 8px;
    font-size: 41px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}