/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    /* CSS */
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
       
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {  
      html {
          font-size: 62.5%;
          min-height: 100% !important;
          height: 100%; 
      }
  
      .inn-wrap {
        /* padding:0 1.5rem; */
      }  
      .inn-wrap .sub_wide {
        /* padding:0 2rem; */
      }
  
      .sub_wide .tpad140 {
        padding-top:40px !important;
      }
  
      .sec1 { 
          background: url("../images/bg/bg_sec1.jpg") no-repeat center center;
          background-size: cover; 
          min-height: 100%;   
      } 
      .sec1 .sub_wide_top {
          width:100%; 
          padding-top: 230px;
      }
      /* .sec1 .sub_wide_top h3 {
          color:#000;
          font-size: 4rem;
      } */
      /* .search-box {
          border:2px #000 solid;
          height: 60px;
          margin-top: 15px;
      } */
      .search-box input[type="text"] {
         line-height:53px; 
         font-size:2rem; 
      }
  
      .sec2 { 
        padding-bottom:0;
      }
  
      /* .sec4 { 
        padding: 120px 0 120px;
      } */
  
      /* .sec6 { 
        padding: 60px 0;
      }  */
  
      .sec4 .right {
          margin-top: 60px;
          padding:0 2rem;
      }
      
      .sec6 .tablet {
          background: none;
          width: 100%;
          /* height:585px; */
          margin:0 auto;
      }
      .sec6 .tablet .embed { 
          /* width:100%;
          height:465px; */
          position: relative;
          top: 0;
          left:0;
      } 
  
  
      .sec2 .middle {
        /* margin-top:-90px; */
      }
      .sec2 .box-wrap  {
        /* display:none !important; */
      } 

      /* .sec2 .boxes .biglogo {
          width: 180px;
      } */
  
  
  }