/* #Media Queries
================================================== */
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .carousel-caption {
    text-align:center;
    width:100%;
    left:0;
    }
}
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 1220px) {
      ul.main-menu li a{
          padding: 38px 20px;
      }
}
 
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .login-panel{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width:600px;}
      .main-menu,.main-services{display: none;}
            .main-services-small-view{
          width: 100%;
    display: block;
    color: #fff;
    margin: 10px 0;
      }
      .main-services-small-view .fiftyyear{
          margin-bottom: 20px;
          padding: 15px;
      }
      .inbox-circle{
          float: none;
          margin: 0 auto;
      }
      .fifty-heading{
          width: 100%;
          position: static;
          top:0; left: 0;
          transform: inherit;
          font-size: 18px;
          margin: 10px 0;
          text-align: center;
      }
            .main-services-small-view .fiftyyear p{
          padding: 0;
          font-size: 13px;
    line-height: 17px;
      }
      .action-btn{
          font-size: 12px;
          padding: 15px 10px;
      }
            .information-sales{
          padding: 20px 0;
      }
      .information-sales h2{
          font-size: 20px;
          text-align: center;
          margin: 15px 0;
      }
           .header-items ul{float: left;
    text-align: center;
    width: 100%;}
     .header-items ul li{
         width: 50%;
     }
      .carousel-caption {
    left: 9%;
    text-align: left;
    top: 0;
    width: 80%;
}
      button.action-btn,.column div figure.service-provide a:hover .overlay-background{
          width: 150px;
      }
      .togleopenmenu{
          height: 350px;
      }
      .logo{
          margin-bottom:10px;
      }
}
 
  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 1199px) {
}
 @media only screen and (max-width: 991px) {
}
 
  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
      .main-link{display: block;}
      .logo{text-align: center; }
      .logo img{width: 200px;}
      .header-items ul li:first-child{border: 0;}
      .header-items ul li{margin-top: 0;float: none;}

      .carousel-caption {
    text-align: center;
    top: 0;
    width: 90%;
    left: 5%;
}

      .carousel-caption h3{
          margin: 10px 0;
      }
      .mobile-toggle,header{
          position: relative;
      }
      .services-section .column{
          padding: 0;
      }
      .holiday h3{
              font-size: 15px;
              margin: 10px 0;
      }
      .left-img{
          margin-bottom: 20px;
      }
      .information-sales{
          padding: 20px 0;
      }
      .information-sales h2{
          font-size: 20px;
          text-align: center;
      }
      .information-sale-contact span{
          margin: 10px 0;
          text-align: left;
      }
      .information-sale-contact span:nth-child(2n){
          text-align: left;
      }
      footer h2{
          text-align: center;
      }
      .banner .carousel-control .fa-angle-left{
          left: 40%;
      }
      .banner .carousel-control .fa-angle-right{
          right: 40%;
      }
      .right-holiday-list ul{
              margin-left: 10px;
      }
      nav button.toggle-open-menu{margin-top: 0;margin-bottom: 20px;}
      .column div{
          padding: 0;
          height: inherit;
      }
      .secound-row .column{margin:0;}
            button.action-btn,.column div figure.service-provide a:hover .overlay-background{
          width: 250px;
      }
      .togleopenmenu{
          height: 350px;
      }
            .main-menu,.main-services{display: none;}
            .main-services-small-view{
          width: 100%;
    display: block;
    color: #fff;
    margin: 10px 0;
      }
       .main-services-small-view .fiftyyear{
          margin-bottom: 20px;
          padding: 15px;
      }
      .inbox-circle{
          float: none;
          margin: 0 auto;
      }
      .fifty-heading{
          width: 100%;
          position: static;
          top:0; left: 0;
          transform: inherit;
          font-size: 18px;
          margin: 10px 0;
          text-align: center;
      }
            .main-services-small-view .fiftyyear p{
          padding: 0;
          font-size: 13px;
    line-height: 17px;
      }
    .inner-page-content ul#downloadLink li {
    float:none;
    width:100%;
    }
    .inner-page-content {
    padding: 0 10px;
    }
      
}
 @media only screen and (max-width: 640px) {
     .header-items ul{
         float: none;
     }
     .header-items ul li{float: left;}
     .holiday h3{
         font-size: 20px;
     }
     .add-part{
         text-align: center;
     }
     .header-items ul li:first-child{
          border-right: 1px solid #ccc;
     }
     .header-items ul{float: left;
    text-align: center;
    width: 100%;}
     .header-items ul li{
         width: 50%;
     }
     .right-holiday-list li{
         width: 40%;
     }
     .right-holiday-list ul{
         margin-left: 25px;
     }
     .left-img img, .right-holiday-list ul{
         width: inherit;
     }
}
 
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 640px) {
      .information-sale-contact span,.information-sale-contact span:nth-child(2n) {
          text-align: center;
      }
          .list-column .modal-dialog{
   bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}

}
 
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
      .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
    
      .banner .carousel-caption h3{font-size: 13px;}
    .header-items ul li {
    float: none;
    margin-top: 0;
}
    .header-items ul li:first-child {
    border: 0 none;
}
    .header-items ul li{width: 100%;}
          .list-column .modal-dialog{
   bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}
          span.privew-btn-style{
            display: block;
    margin-top: 10px;
    text-align: center;
    width: 100%;
      }
      .list-column h3{
          text-align: center;
          font-size: 16px;
      }
    .innper-page-heading, .inner-page-content{
        padding: 20px;
    }
    .bg-overlay{
        padding: 60px 0 0;
    }
    .innper-page-heading h3{font-size: 20px;}
        
    .report-head{
         height: 100px;
    }
}