@media (max-width: 1580px) {
    .container-fluid{
      width: 95%;
    }
   header .logo{
      flex: 0 0 15%;
    }
    header .logo img{
      width: 95%;
    }
   header ul#menu li{
      font-size: 14px;
    }
    header ul#menu{
       flex: 0 0 55%;
    }
    .misc{
      flex: 0 0 30%;
    }
    .misc a{
      font-size: 13px;
    }
}
@media (max-width: 1200px) {
   .catblk a img{
      height: 250px;
    }
   .catblk span {
    font-size: 30px;  
    }
   .contactblk .container-fluid {
      width: 90%;
    }
}
@media (min-width: 1114px) {
  .slicknav_menu {
     display:none;
  } 
     #menu li:hover > ul {
      display: block;
      left: 0;
      right: 0;
   }     
}

/* Tablet Style */
@media (max-width: 1113px) {
  #menu{
      display: none !important;
    }
    header{ padding-bottom: 15px;}
     header .logo{
      flex: 0 0 35%;
    }
     .misc{
      flex: 0 0 50%;
    }
    .misc a{
      font-size: 13px;
    }
    .slicknav_menu {
      display: block;
      z-index: 9000;
      top: 13px;
      right: 20px;
      font-size: 22px;
      position: absolute;
      background: none;
    }
    .slicknav_menu .slicknav_icon-bar {
      background: #fff; !important;
      padding: 2px 6px;
    }
    .slicknav_menu .slicknav_icon {
      margin: 0;
    }
    .slicknav_menu .slicknav_menutxt {
      display: none;
    }
    .slicknav_btn {
      background: #E7000B;
      z-index: 5000;
      border-radius: 10px 10px 0 0;
      padding: 13px 10px 35px 10px;
    }
    .slicknav_btn:hover{
      background: #C40009;
    }
    .slicknav_btn:hover .slicknav_icon-bar {
      background: #fff; !important;
    }
   .slicknav_menu > ul{
      height: auto !important;
      text-align: right;
      border-radius: 0;
      padding: 15px;
      position: relative;
      top: -6px;
      right: 0;
      z-index: 5000;
      background: #fff;
      border-radius: 7px;
      width: 300px;
      border: 3px solid #C40009;
    }
    .slicknav_menu > ul li a{
      color: #000;
      padding: 5px 0;
      font-weight: 500;
    }
    .slicknav_nav ul li{
      font-size: 14px !important;
    }
    .mainbanner .title {
      left: 0;
      transform: translate(5%, -50%);
    }
    .mainbanner .title {
      width: 90%;
    }
}
@media (max-width: 1024px) {
  .subcontent .container-fluid {
    width: 95%;  
  }
  .photobox img {
    flex: 0 0 30%;
  }
  .titleblk {
    width: 80%;
   }
  .contactblk .loc .col-md-6{
     width: 100%;
   } 
   .row.loc{
     display: flex;
   }
  .row.loc > .col-md-6:nth-of-type(1) {
     order: 1;
   }
  .row.loc > .col-md-6:nth-of-type(1) {
     order: 2;
   }
   .contactblk .loc .misc {
     justify-content: center;
   }
   .faqblk .container {
      width: 80%;
    }
}

@media (max-width: 768px) {
    body{
      font-size: 14px;
    }
   .mainbanner .title h2 {
      font-size: 42px;
    }
   .mainbanner .title p {
      font-size: 23px;
    }
   .mainbanner .title span {
      font-size: 18px;
    }
   .mainbanner .title .btn-link {
      font-size: 18px;
    }
    .misc a {
      font-size: 14px;
    }
  .categoryblk h3 {
      font-size: 32px;
    }
  .catblk a img{
      height: 170px;
      border: 6px solid #AFAFAF;
      
    }
  .catblk span {
    font-size: 30px;  
  }
  .subcontent h3 {
    font-size: 32px;
   }
   .photobox .text h4 {
     font-size: 30px; 
   }
  .photobox .text p {
    font-size: 14px;  
  }
  .logosblk p {
     width: 90%;
  }
  .logosblk ul {
     grid-template-columns: repeat(2, 1fr);
     padding: 0 30px;
  }
  .logosblk ul li a {
    height: 150px;  
  }
  .ratedblk h4 {
    font-size: 40px;  
  }
  .ratedblk h5 {
    font-size: 28px;  
  }
  .ratedblk p {
    width: 90%;  
      font-size: 18px;
  }
  .getstarted h4 {
     font-size: 32px; 
   }
  .getstarted p {
     width: 90%; 
   }
  .subpagebanner .title {
    left: 5%;
  }
  .simpleblk{
    padding: 20px 0;
  }
  .simpleblk .photobox {
    padding: 20px 30px;  
  }
  .logosblk.fourcol ul{
    justify-content: flex-start;  
  }
  .logosblk.fourcol ul li {
    flex: 0 0 50%;  
  }
    .photobox img{
      flex: 0 0 calc(50% - 16px);
      max-width: 50%;
    }
   .photobox .text{
     flex: 0 0 calc(50% - 16px);
    }
    footer .wrapper {
      padding-right: 50px;
    }
    footer{
      padding: 20px;
    }
    footer .row > div{
      width: 50%;
    }
}
@media (max-width: 664px) {
    header .container-fluid{
      display: block !important;
    }
    header .logo {
      flex: 0 0 100%;
    }
    header .logo img{
      width: 250px;
      margin-bottom: 5px;
    }
    header{
      height: 115px;
    }
    header .misc {
      justify-content: flex-start;
    }
    .slicknav_menu {
      top: 38px;
    }
    .mainbanner .title span{
      display: none;
    }
    .mainbanner .title h2 {
      font-size: 28px;
      line-height: normal;
      padding-bottom: 0;
    }
    .categoryblk{
      padding: 20px 40px;
    }
    .catblk {
      grid-template-columns: repeat(1, 1fr); 
      gap: 20px;
    }
    .categoryblk h3 {
      font-size: 25px;
    }
      .photobox {
    flex-direction: column;
  }
    .photobox img,
    .photobox .text {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .photobox img{
      order: 1;
    }
    .photobox .text{
      order: 2;
    }
    .contactblk .loc .misc {
      display: block;
    }
    .contactblk .loc .misc a{
      margin-bottom: 5px;
    }
    .logosblk.fourcol ul{
      display: grid;
    }
    .logosblk ul,
    .logosblk.fourcol ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .logosblk.fourcol ul li {
      padding: 10px;
    }
    footer .row > div {
        width: 100%;
    }
    footer .bottom {
      text-align: left;
      display: block;
    }
    footer .bottom ul{
      padding-top: 10px;
    }
    
}