/* For Tablet View */
@media screen and (min-device-width: 768px)
    and (max-device-width: 1024px) {
    [class*="col-"] {
    width: 100%;
  }
  html,body{
    overflow-x: hidden;
  }
  .navbar-toggler-icon{
    background-image: url("../images/menu.svg");
  }
  .navbar-collapse{
    background-color: rgba(0,0,0,0.8);
  }
  .navbar-nav{
    text-align: center;
  }
  .navbar-nav .nav-item .nav-link{
    line-height: 10px;
  }

  h1{
    font-size: 108px;
    font-size: 6.75rem;
    font-family: 'Poppins', sans-serif;
    line-height: 1em;
  }
  h2{
    font-size: 84px;
    font-size: 5.25rem;
    font-family: 'Poppins', sans-serif;
  }
  #home{
        height: 100vh;
        -webkit-background-size:cover;
    }
    #home .main_side_content .col-3:nth-child(4){
      margin-top: 50%;
      margin-left: 2%;
    }
    #section2 .text-line1 .col-md-3:nth-child(1){
      text-align: left;
    }
    #section2 .text-line1 .col-md-3:nth-child(2){
      text-align: left;
      padding-left: 25%;
    }
    #section2 .text-line1 .col-md-3:nth-child(3){
      padding-left: 25%;
    }
    #section2 .text-line1 .col-md-3:nth-child(4){
      text-align: right;
    }
    #section2 .text-line2 .col-md-4:nth-child(1){
      padding-right: 21%;
    }
    #section2 .text-line2 .col-md-4:nth-child(2){
      padding-right: 10%;
    }
    
    #section2 .text-line1{
      margin-bottom: 20px;
    }
    #about{
        padding-top: 85px!important;
        padding-bottom: 0px!important;
        background-position-y: bottom!important;
        background-position-x: right!important;
        background-size: auto!important;
        -webkit-background-size:cover;
    }
    .about_title h1{
    font-size: 108pt;
    font-size: 9rem;
    font-family: 'Poppins', sans-serif;
    line-height: 1em;
    padding: 0;
    text-align: center;
  }
  #about .about_img{
    position: unset;
    margin-bottom: -2px;
  }
  .about_section_margin{
    padding: 0 12%;
  }
  .about_section_margin1{
    text-align: center;
    margin-top: 0;
  }
  .about_section_margin1 h6{
    text-align: center;
    padding-left: 7%;
  }
  /*#about .col-md-4{*/
  /*  order:3;*/
  /*  -webkit-order:3;*/
    /*padding: 0 25px;*/
  /*}*/
  /*#about .col-md-5{*/
  /*  order:1;*/
  /*  -webkit-order:1;*/
  /*}*/
  /*#about .col-md-3{*/
  /*  order:2;*/
  /*  -webkit-order:2;*/
  /*}*/
  div#first{
      order:1;
      -webkit-order:1;
  }
  div#second{
      order:2;
      -webkit-order:2;
  }
  div#third{
      /*order:3;*/
      /*-webkit-order:3;*/
  }
  div#forth{
      order:4;
      -webkit-order:4;
  }
  #upcoming{
    padding: 200px 0 0 0;
  }
  .relative h1{
    left: 10%;
    top: -80px;
  }
  #upcoming .preview .video_play{
        display: none;
    }
    #upcoming .thumbnails{
        display: none;
    }
    #upcoming .preview .owl-demo{
      display: block!important;
    }
    .owl-carousel .owl-slide{
      height: 392px!important;
    }
    .owl-demo .owl_video_item iframe{
      display: block;
      width: 100%;
      height: 392px!important;
    }
    .owl-theme .owl-controls{
      display: none!important;
    }

    #myplan .col-md-5{
        padding-top: 60px!important;
        order: 1;
        -webkit-order:1;
    }
    .details{
        margin: 0 75px;
    }
    #myplan .col-md-4{
        order: 3;
        -webkit-order:3;
        text-align: center;
    }
    #myplan .side_img{
      max-width: 50%;
      margin-top: -13%;
    }
    h1.test2{
        margin-top: 45%;
        height: auto;
        color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }
    #myplan .my_content .my_plan_img{
        position: relative;
    }
    .visit_channel{
        padding-top: 30px;
    }
     #footer .footer_top .footer_side_right{
        border-left: 1px solid #000;
        border-top: unset;
    }
    #footer .footer_bottom ul{
        justify-content: center;
        padding-left:30px;
    }
    #footer .footer_bottom p{
        text-align: center;
    }
    #footer .footer_top{
        margin-bottom: 10px;
    }
   /*.owl-carousel .owl-item{
    width: 1000px;
    margin-right: 45px;
   }*/
   div.owl-carousel { width: 1px; min-width: 100%; *width: 100%; }
}



@media screen and (max-device-width: 480px)
    and (orientation: portrait){
        .padding{
        padding:0 2rem;
    }
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  body{
    overflow-x: hidden;
  }
  .navbar-toggler-icon{
    background-image: url("../images/menu.svg");}
  h1{
    font-size: 108px;
    font-size: 6.75rem;
    font-family: 'Poppins', sans-serif;
    line-height: 1em;
  }
  h2{
    font-size: 84px;
    font-size: 5.25rem;
    font-family: 'Poppins', sans-serif;
  }
  .mt-5{
    margin-top: 0!important;
  }
  .navbar-collapse{
    background-color: rgba(0,0,0,0.8);
  }
  .navbar-nav{
    text-align: center;
  }
  .navbar-nav .nav-item .nav-link{
    line-height: 10px;
  }
  .main_img img:nth-child(1){
    display: none;
    }
  .main_img img:nth-child(2){
    display: block;
    }
    .main_img img:nth-child(2) {
    position: absolute;
    left: 12%;
    padding-top: 350px;
    }
    #home{
        height: 100vh;
        -webkit-background-size:cover;
    }
    #section2 .text-line1{
        margin-bottom: 0.5rem;
    }
    #section2 .text-line2 .col-md-4:nth-child(1),#section2 .text-line2 .col-md-4:nth-child(3){
        text-align: center!important;
    }
    #section2 h3{
        font-size: 32px;
    }
    #about{
        padding-top: 90px!important;
        padding-bottom: 0px!important;
        background-position-y: bottom!important;
        background-position-x: right!important;
        background-size: auto!important;
        -webkit-background-size:cover;
    }
    .about_title{
        padding: 0 1rem;
    }
    .about_title h1{
    font-size: 78.4px;
    font-size: 4.9rem;
    font-family: 'Poppins', sans-serif;
    line-height: 1em;
    padding: 0;
  }
  #about .about_img{
    position: unset;
    margin-bottom: -2px;
  }
  /*#about .col-md-4{*/
  /*  order:4;*/
  /*  -webkit-order:4;*/
  /*  padding: 0 25px;*/
  /*}*/
  /*#about .col-md-7{*/
  /*  order:1;*/
  /*  -webkit-order:1;*/
  /*}*/
  /*#about .col-md-5{*/
  /*  order:3 !important;*/
  /*  -webkit-order:3 !important;*/
  /*}*/
  /*#about .col-md-11{*/
  /*    order:2;*/
  /*  -webkit-order:2;*/
  /*}*/
  div#first{
      order:1;
      -webkit-order:1;
  }
  div#second{
      order:2;
      -webkit-order:2;
  }
  div#third{
      /*order:3;*/
      /*-webkit-order:3;*/
  }
  div#forth{
      order:4;
      -webkit-order:4;
  }
  #about .about_section_margin {
    margin-top: 25px;
    margin-bottom: 20px;
    /* margin-left: 1%; */
    padding: 0 2rem;
    }
    .about_section_margin1 {
    margin-top: 0px;
    margin-bottom: 25px;
    /*width: 24%;*/
    }

    #upcoming .preview .video_play{
        display: none;
    }
    #upcoming .thumbnails{
        display: none;
    }
    #upcoming{
        padding-top: 90px;

    }
    .relative h1{
        position: relative;
        font-size: 68px;
        font-size: 4.25rem;
        left: 0;
        top: 25px;
    }
    #upcoming .preview .owl-demo{
      display: block!important;
    }
    
    
    .owl-demo .owl_video_item iframe{
      display: block;
      width: 100%;
      height: 205px!important;
    }
    .owl-theme .owl-controls{
      display: none!important;
    }

    #myplan .my_content .my_plan_img{
        position: relative;
    }
    .visit_channel{
        padding-top: 30px;
    }
    #upcoming .visit_channel a{
        font-size: 35px;
    }
    #myplan .side_img{
        max-width: 35%;
    }
    h1.test2{
        margin-top: 45%;
        height: auto;
        color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }
    #myplan .col-md-5{
        padding-top: 60px!important;
        order: 1;
        -webkit-order:1;
    }
    .details{
        margin: 0 25px;
    }
    #myplan .col-md-4{
        order: 3;
        -webkit-order:3;
    }
    #footer .footer_top .footer_side_left{
        padding-left: 20px;
    }
    #footer .footer_top .footer_side_left h2{
        font-size: 5rem;
        font-size: 80px;
    }
    #footer .footer_top .footer_side_right{
        border-left: 1px solid #000;
    }
    #footer .footer_bottom ul{
        justify-content: center;
        padding-left:30px;
    }
    #footer .footer_bottom p{
        text-align: center;
    }
    #footer .footer_top{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:480px) {
    html{
      width: 100vw;
      overflow-x: hidden;
    }
    .navbar-toggler-icon{
    background-image: url("../images/menu.svg");
  }
}