
/*// Extra large devices (large desktops, 1200px and up)
*/
@media (min-width: 1200px)  {
    
    .banner-section .cbs-content-list ul li.shape-6 {
    top: 32%;
    right: 37%;
}

.banner-section .cbs-content-list ul li.shape-5 {
    top: 31%;
    right: 2%;
}

.banner-section .cbs-content-list ul li.shape-4 {
    top: 53%;
    right: 1%;
}

.banner-section .cbs-content-list ul li.shape-3 {
    top: 42%;
    right: 1%;
}

.banner-section .cbs-content-list ul li.shape-2 {
    top: 57%;
    right: 31%;
}

.banner-section .cbs-content-list ul li.shape-1 {
    top: 45%;
    right: 37%;
}



}
@media (min-width: 992px) and (max-width: 1199.98px) {
.menu-area .menu > ul > li > a{
 font-size: 11px;
}
.sponsor-section h2 {
    font-size: 30px;
    text-align: center;
}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px)  {
.sponsor-section h2 {
    font-size: 30px;
    text-align: center;
}

}


/* // Medium devices (tablets, 768px and up)
*/
@media (min-width: 768px) and (max-width: 991.98px) {

.sponsor-section h2 {
    font-size: 30px;
    text-align: center;
}

 .menu .top-submenu {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      text-align: left;
  }

  .menu .top-submenu li{
    width: auto;
  }

  .menu .top-submenu li > a:before, .menu .top-submenu li > a:after{
    display: none;
  }

}



@media (min-width: 990px) and (max-width: 1399px) {

  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1300px;
  }
  .logo-text h1 {
      text-transform: uppercase;
      font-size: 22px;
  }
  
  .logo-text h3 {
      text-transform: capitalize;
      font-size: 16px;
  }
  }
  

/*// Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) and (max-width: 767.98px) {
    .header-wrapper {
    padding: 0;
}
   
       .banner-section .cbs-content-list ul li.shape-6 {
 top: 81%;
    bottom: 14%;
    right: auto;
    left: 34%;
}

.banner-section .cbs-content-list ul li.shape-5 {
   top: auto;
    right: auto;
    bottom: 36%;
    left: 3%;
}

.banner-section .cbs-content-list ul li.shape-4 {
  top: 76%;
    bottom: 14%;
    right: auto;
    left: 2%;
}

.banner-section .cbs-content-list ul li.shape-3 {
   top: 73%;
    bottom: 21%;
    right: auto;
    left: 52%;
}

.banner-section .cbs-content-list ul li.shape-2 {
    top: 67%;
    bottom: 26%;
    right: auto;
    left: 0%;
}

.banner-section .cbs-content-list ul li.shape-1 {
    top: 66%;
    bottom: 30%;
    right: auto;
    left: 61%;
}


.sponsor-section h2 {
    font-size: 30px;
    text-align: center;
}
  .header-wrapper .logo {
      width: auto;
  }

  .banner-section{
    padding-top: 200px;
  }

  .banner-content span{
    font-size: 26px;
  }

 .menu .top-submenu {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      text-align: left;
  }

  .menu .top-submenu li{
    width: 25%;
  }

  .menu .top-submenu li > a:before, .menu .top-submenu li > a:after{
    display: none;
  }
}

/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px)  {
    .header-wrapper {
    padding: 0;
}
    
       .banner-section .cbs-content-list ul li.shape-6 {
 top: 81%;
    bottom: 14%;
    right: auto;
    left: 34%;
}

.banner-section .cbs-content-list ul li.shape-5 {
   top: auto;
    right: auto;
    bottom: 36%;
    left: 3%;
}

.banner-section .cbs-content-list ul li.shape-4 {
  top: 76%;
    bottom: 14%;
    right: auto;
    left: 2%;
}

.banner-section .cbs-content-list ul li.shape-3 {
   top: 73%;
    bottom: 21%;
    right: auto;
    left: 52%;
}

.banner-section .cbs-content-list ul li.shape-2 {
    top: 67%;
    bottom: 26%;
    right: auto;
    left: 0%;
}

.banner-section .cbs-content-list ul li.shape-1 {
    top: 66%;
    bottom: 30%;
    right: auto;
    left: 61%;
}


    .sponsor-section h2 {
    font-size: 30px;
    text-align: center;
}

  .header-wrapper .logo {
      width: auto;
  }

  .banner-section{
    padding-top: 200px;
  }

  .banner-content span{
    font-size: 26px;
  }

 .menu .top-submenu {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      text-align: left;
      height: auto;
     
  }

  .menu .top-submenu li{
    width: 25%;
  }

  .menu .top-submenu li > a:before, .menu .top-submenu li > a:after{
    display: none;
  }



}



@media (min-width:390px) and (max-width: 575.98px) {
 .header-wrapper {
    padding: 0;
}    
      .menu .top-submenu {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      text-align: left;
      height: auto;
   
  }

  .menu .top-submenu li{
    width: 25%;
  }

  .menu .top-submenu li > a:before, .menu .top-submenu li > a:after{
    display: none;
  }


    
    .banner-section .cbs-content-list ul li.shape-6 {
   top: 52%;
    right: 8%;
    left: 59%;
}

.banner-section .cbs-content-list ul li.shape-5 {
      top: 64%;
    right: 58%;
}

.banner-section .cbs-content-list ul li.shape-4 {
    top: 74%;
    right: 1%;
}

.banner-section .cbs-content-list ul li.shape-3 {
    top: 72%;
    right: 1%;
}

.banner-section .cbs-content-list ul li.shape-2 {
    top: 57%;
    right: 31%;
}

.banner-section .cbs-content-list ul li.shape-1 {
    top: 62%;
    right: 2%;
}



}
