/* 
  ##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) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    #header .header-logo img {
        width: 220px;
        height: auto;
    }

    .home_intro{
        position: relative;
        top: 0;
        /* margin: -11px; */
        z-index: 10;
    }
    
    .home_intro .introLeft{
        width: 100%;
        height: 100%;
        background-image: linear-gradient(45deg, #ce311e, #a11408);
        padding: 15px;
        border-radius: 30px;
    }
    
    .home_intro .introLeft img{
        width: 100%;
        max-width: 48px;
        margin-bottom: 10px;
    }
    
    .home_intro .introLeft h3{
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.1px;
        margin: 0 0 15px 0;
        text-transform: capitalize;
    }
    
    .home_intro .introLeft p{
      color: #ffffff;
      font-size: 13px;
      line-height: 24px;
    }
    
    .home_intro .introRight{
        background-color: #ffffff;
        padding: 30px;
        box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
        border-radius: 30px;
    }
    
    .home_intro .introRight form{
    
    }
    
    .home_intro .introRight h3{
        font-size: 26px;
        font-weight: 700;
        color: #d0291d;
        margin: 0 0 20px 0;
        text-transform: capitalize;
    }
    
    .home_intro .introRight form input{
        height: 50px;
        border-radius: 6px;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 0 18px 0;
    }
    
    .home_intro .introRight form .appBtn{
        cursor: pointer;
        padding: 0 20px;
        margin: 0;
        height: 50px;
        border-radius: 6px;
        color: #ffffff;
        background-color: #d0291d;
        border: none;
        transition: all .2s ease-in-out;
    }
    
    .home_intro .introRight form .appBtn:hover{
        background-color: #0b6f51;
    }

    .drdes{
    
    }
    
    .drSec .drdes h2{
        font-size: 28px;
        font-weight: 600;
        margin: 0 0 15px 0;
    }
    
    .drSec .drImg{
        padding: 20px;
    }
    
    .drSec .drImg img{
        border-radius: 24px;
    }
    
    .faqpadd{
        padding: 40px 15px !important;
    }

      /****** Supreme Pest Control Services in Canada CSS Start ******/
.moreSerBox{
  margin: 0 -20px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 20px;
  font-size: 16px;
  line-height: 1;
}

.moreSerBox .moreSer{
  width: calc(100%/2 - 20px);
  min-height: 68px;
  border-radius: 5px;
  border: 1px solid rgb(255, 255, 255);
  background-color: #ffffff;
  padding: 10px 15px;
  margin: 0;
  display: block;
  align-items: center;
  justify-content: center;
  transition: box-shadow .2s ease-in-out;
}

.moreSerBox .moreSer:hover{
  /* background-color: #f92f2c; */
  text-decoration: none;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.moreSerBox .moreSer img{
  width: 100%;
  border-radius: 12px;
  border: 2px solid #d0291d;
  transition: border .2s ease-in-out;
}

.moreSerBox .moreSer:hover img{
  border-radius: 12px;
  border: 2px solid transparent;
}

.moreSerBox .moreSer p{
  color: #212121;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0px;
  padding: 10px 0 0 0;
  text-align: center;
}
/****** Supreme Pest Control Services in Canada CSS End ******/
  }