/* ==========================================================================

    (Medium Desktop, 1400px and up)*

    ========================================================================== */

@media (max-width: 1440px) {

   .main-menu > ul > li > a { padding: 12px 11px;}

   .main-menu > ul > li.dropdown > a::before { font-size: 8px; right: -1px; top: 18px;}
   .pop-block1{left: 520px;}

   .paragraph-block {
    width: 1300px;
   }

}

 
@media (max-width: 1366px) {
  .paragraph-block {
    width: 1100px;
  }
}
 

/* ==========================================================================

   *Medium devices (tablets, 1200px and down)*

   ========================================================================== */

@media (max-width: 1200px) {

  .what-do-item h5{min-height: auto !important;}
  .paragraph-block { width: 800px; }


}
 
 

/* ==========================================================================

   *Medium devices (tablets, 991px and down)*

   ========================================================================== */

 @media (max-width: 991px) {

  
  .banner-video{
    height: 450px;
  }
  h1 { font-size: 42px !important; line-height: 1.1 !important;}

  h2 { font-size: 32px !important; line-height: 1.1 !important;}

  h2 span { font-size: 24px;}

  h3 { font-size: 24px !important; line-height: 1.1 !important;}

  .paragraph-block { width: 600px; }


  .header { position: fixed; background: #fff;}

  .logo { max-width: 121px;}

  .header-main-block .container { max-width: 100%;}

  .header-btns li .line-btn { display: block;}

  .header-btns { margin-right: 45px;}

  .main-menu { display:none;}

  .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}

  .mobile-menu .menu-toggle { display:block; z-index:1;  top: -60px; right:10px;}

  .mobile-menu ul.menu-list{display:none;}

  .mobile-menu > ul > li > span { display:none;}

  .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}

  .mobile-menu > ul > li > a.active { color: #fff;}

  .header-right { margin-right: 50px;}

  .mobile-menu > ul.menu-list { padding: 10px 0;}

  .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}

  .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}

  



  /* Menu Second Level 21-01-2021 */

  .mobile-menu ul.menu-list > li > ul{padding: 0;}

  .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}

  .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}

  /* Menu Second Level END 21-01-2021 */


  .input-search input{width: 100%;}
  ul.accolades-list li{display: inline-flex; width: 28%; margin: 5px;}
  .what-do-item h5{height: auto;}

 }
 

/* ==========================================================================

   *Small devices (landscape phones, less than 768px)*

   ========================================================================== */ 

@media (max-width: 767px) {

  footer{ padding:20px 10px;}

  h1 { font-size: 32px !important;}

  h2 { 
    text-align: left;
    font-size:35px !important; 
    margin-bottom: 15px;
  }

  h2 span { font-size:35px;}

  h3 { font-size: 22px !important;}

  p{
    font-size: 22px;
  }
  .graph-box p{
    font-size: 17px;
  }
  .paragraph-block p{
    font-size: 22px;
  }

  .unique-block p{
    font-size: 22px;
   
  }

  .unique-block h5{
    font-size: 22px;
    text-align: center;
  }
  .profile-block .img{
    text-align: center;
  }
  .graph-item{
    padding:20px 20px;
  }

  .paragraph-block{
    width: 95%;
    padding:30px 20px;
  }
  .left-block{width: 100%;background-color: #23366FE0;}
  .paragraph-block p {
    color: var(--white);
    width: 100%;
  }

  .banner-video{height: 350px;}
  .pop-block1{position: relative; left: 0;}
  .about-block {
    padding: 20px;
  }
  .about-block p{font-size: 22px;}
  .unique-block h2 {
    margin-bottom: 15px; 
  }
  .profile-block .img img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .profile-block h4 {
    font-size: 30px;
  }
  .profile-block {
    display: block;
    align-items: center;
    color: var(--darckblue);
    margin: 15px 0;
  }
  .profile-block .img {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .profile-block .profile-text {
    text-align: center;
  }
  .banner-video video {
    width: 100%;
    height: 100%;
    object-fit: none;
  }
  .unique-block {
    padding: 20px;
    text-align: left;
  }
  ul.social-list li {
    display: inline-block;
    margin-right: 0;
    width: 24%;
  }
  .list-link{margin-bottom: 20px;}
  .list-link ul li a {
    color: var(--white);
    font-weight: 300;
    font-size: 14px;
  }
  ul.botm-link li a {
    color: var(--white);
    font-weight: 300;
    font-size: 12px;
  }

  .feedback-btn {
    position: absolute;
    right: 0;
    bottom: 30%;
    z-index: 99999;
    left: inherit;
  }

  .winner-block img{
      width: 60%;
      padding-top: 50px;
  } 
}