@charset "utf-8";
/* CSS Document */



@media only screen and (max-width:1399px){
    .online::after { border-right:95px solid rgba(0, 0, 0, 0);  border-top: 25px solid #333333;  bottom: -25px;}
    .online {  padding: 5px 0 0;right: -69px;width: 95px; font-size: 14px;}
    .online a {font-size: 13px;}
    .banner {padding: 50px 0;}
    .content-block {  padding: 70px 30px 70px 100px;}
}
@media only screen and (max-width:1129px){
    .online {  padding: 6px 0 8px;   width: auto; position: static;}
    .online::after {display: none;}
    .banner h1 {font-size: 49px; margin-bottom: 20px;}
    .network-inner h3 {font-size: 17px;}
    .larg-btn { font-family: "Montserrat"; font-size: 20px; padding: 7px 25px; }
    .city-outer {padding: 30px;}
    .footer h6 {min-height:40px;}
    .header .navbar {  padding-right: 0;}
    .header .navbar-nav .nav-link { padding: 0 14px !important;}
    .memberCont img { margin: 10px !important;}
    .srchTag {font-size: 28px !important;}
}
@media only screen and (max-width:1023px){    
    .banner h1 {  margin-bottom: 10px; font-size: 36px;}
    .join-form { padding: 10px;}
    .join-form label {font-size: 20px;}
    .join-form .btn-danger {font-size: 20px;}
    .join-form select {padding: 10px;}
    .img-outer-blick img {  margin-right: 0;}
    .content-block {  padding: 50px;}
    .city-name li {   width: 50%;}
    .footer h6 {  margin-bottom: 20px;  margin-top: 20px;  min-height: inherit;}
    .header .navbar {  padding-left: 0;  padding-right: 0;}
    .header .navbar-toggler {  position: absolute;  right: 0;  top: -60px;}
    .logo img {height: 80px;}
    .header .navbar {  padding: 10px 0 0;}
    .header .navbar-nav .nav-link {  border-bottom: 1px solid #eeeeee;  padding: 6px 10px !important;}
    .header .navbar-collapse .btn-danger {margin-top: 15px;}
    .header .navbar-nav .nav-link:hover, .navbar-nav .nav-item.active .nav-link {  background: #f9f9f9 none repeat scroll 0 0; }
    .header .navbar-nav .dropdown-menu {border-radius: 0; margin-top: 0;}
    .bannerCont {  background-position:right top;}
    .bannerCont {max-width: inherit;}
     .memberCont img {  margin: 5px !important;}
    
}
@media only screen and (max-width:767px){
    .banner h1 {  font-size: 26px;  margin-bottom: 10px;  padding: 5px;}
    .banner {  padding: 20px 0;}
    .city .nav-tabs .nav-link {  font-size: 16px;    padding: 0 15px 15px;}
    .city-name li {  width: 100%;}
    .section {  padding: 40px 0;}
    .img-outer-blick {  padding: 40px 15px;}
    .content-block {  padding: 40px 15px;}
    .city-outer {  padding: 30px 0;}
    .findus  .blog  {margin-bottom: 30px;}
    .bannerCont {  background-position:center top;}
    
    .memberCont img {  margin: 5px 3px !important;}
   
}
@media only screen and (max-width:479px){    
    .city .nav-tabs .nav-link {   padding: 15px;}
    .city-outer {  padding: 10px 0 30px;}
    .heading_section h2 {  font-size: 20px;  line-height: normal; }    
    .nav-tabs .nav-item {   text-align: center;  width: 50%;}
    .shadow-box {padding: 10px;}
    .footer {   padding: 30px 0;}
    .footer-bottom-inner {display: block; text-align: center;}
    .footer-bottom .social-links {  display: flex;  justify-content: center;  margin: 10px 0 0;}
    .footer h6 {margin-bottom: 10px;}
    .list-link li {  margin-bottom: 5px;}
    .bannerCont .joinFormCont {left:10px; right:10px !important; width: auto!important; top: 10px!important;  padding: 5px 10px!important;}
    .bannerCont {  background-position: -190px top;}
    .joinFormCont .frmHd {font-size:16px !important;}
    
}