.container {

    max-width: 1920px;

    margin: auto;

    padding:0px;

   }



   .bg-light {

    position: fixed;

    width: 100%;

    max-width: 1920px; 

    top:7%;  

    left:0%;

}



.blog-titles h3{

    position: absolute;

     font-family: Poppins;

    bottom: 30%;

    z-index: 9;

    color: #fff;

    font-size: 54px !important;

    left: 8%;

}

.blog-imagsd {

    width: 100%;

    height: 440px;

}

.top-header {

    position: relative !important;

    z-index: 999;

    margin:0px;

}

#main-header {

    position: absolute !important;

    z-index: 999;

    width: 100%;

}



.homepage-top {

    background-position-y: initial;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    padding: 0px;

    max-width: 1920px;

}



.navbar-nav.na-heades-sect {

    margin: auto !important;

}



    .nav-item-active{

        width: 129px;

        height: 45px;

        background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;

        background: #FFB300 0% 0% no-repeat padding-box;

        opacity: 1;

    }



    /*.nav-item-active > .nav-link{*/

    /*    color: black !important;*/

    /*    margin-left: 0%;*/

    /*    text-align: center;*/

    /*    font-size: 19px;*/

    /*}    */



    .navbar-expand-lg .navbar-nav {

         -webkit-box-orient: horizontal;

         -webkit-box-direction: normal;

         -ms-flex-direction: row;

         flex-direction: row;

         align-content: center !important;

    }    

    

    .navbar-light .navbar-nav .main-head:hover  {

        color: #FFB300 !important;

        font-size: 14px;

        text-align: left;

        font-weight: 550;

    }



    .categories:hover {

        color: black !important;

        margin-left: 0%;

        width: 100%;

        height: 100%;

        background: #FFB300;

        text-align: center;

        font-size: 19px;

    }



    .navbar-main{

      align-items: center;

     

    }



    .dropdown-mobile{

        display: none;

    }



        /* megamenu */

      

      #dropdown-1 {

        margin-left: 35%;

        margin-right:2%;

    }

    #dropdown-2 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    #dropdown-3 {

      margin-left: 0%;

      margin-right: 2%;

    } 

    .mr-sm-2, .mx-sm-2 {

        margin-right: 0px !important;

    }



       .dropdown-content {

        display: none;

        position: absolute;

        background-color: #f9f9f9;

        width: 100%;

        left: 0;

        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

        z-index: 1;

        top: 100%;

      }

      

      .dropdown-content .headers {

        background: #fff;

        color: black;

        

      }



      .active {

        background-color: #FFB300;

        width: 100%;

        height: auto;

    }



      .dropdown-content .headers > h4 {

        margin-left: 2%;

      }

      

      

      

      /* Create three equal columns that floats next to each other */

       .column {

        float: left;

        width: 33.33%;

        background-color: #fffdfd;

        height: 100%;

      }

      

      .column a {

        float: none;

        color: black;

        padding: 10px;

        text-decoration: none;

        display: block;

        text-align: left;

        font-family: Poppins;

      }



  

      .megamenu-row {

        background-color: #fffdfd;

    }

    .megamenu-row1 {

       background-color: #fffdfd;

   }



   .column-category{

    float: left;

    width: 33.33%;

    background-color: #ece4e42b;

    height: 400px;

    overflow: hidden;
    
    max-width: 20%;

}



.column-category::-webkit-scrollbar {

    width: 13px;

}



.navbar-mobile{

    display: none;

}

 

.column-category::-webkit-scrollbar-track {

    background-color: #e4e4e4;

    border-radius: 100px;

}

 

.column-category::-webkit-scrollbar-thumb {

    background-color: #0067d4;

    border-radius: 100px;

}



.dropdown-item {

 font-family: Poppins;

 padding: 5px 12px;

 font-size: 0.9rem;

}

.dropdown-item:focus, .dropdown-item:hover {

    color: #0067d4;

    text-decoration: none;

    background-color: #f8f9fa;

}



.sub-category{

    display: block;

}



.sub-category-block{

     height: 545px;

     overflow: auto;

}

.sub-category-block::-webkit-scrollbar {

 width: 13px;

}



.navbar-mobile{

 display: none;

}



.sub-category-block::-webkit-scrollbar-track {

 background-color: #e4e4e4;

 border-radius: 100px;

}



.sub-category-block::-webkit-scrollbar-thumb {

 background-color: #0067d4;

 border-radius: 100px;

}





.sub-category-1  h3  {

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    margin: 0 0 0 0;

    padding: 0 0 0 0;

    vertical-align: top;

    display: block;

    border: 0;

    color: #0067d4;   

    margin-top: 2%;

}



.sub-category-1 p  a {

    color: #666;

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    margin: 0 0 0 0;

    padding: 0 0 0 0;

    vertical-align: top;

    display: block;

    border: 0;

}





.subcat-1::-webkit-scrollbar {

    width: 10px;

}

 

.subcat-1::-webkit-scrollbar-track {

    background-color: #e4e4e4;

    border-radius: 100px;

}

 

.subcat-1::-webkit-scrollbar-thumb {

    background-color: #0067d4;

    border-radius: 100px;

}



.sub-category-block  h3 a{

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    margin: 0 0 0 0;

    padding: 0 0 0 0;

    vertical-align: top;

    display: block;

    border: 0;

    color: #0067d4;

    margin-top: 5%;
    
    line-height: 5px;

}

.sub-category-block h3 a:hover{
       text-decoration: none !important;
   }



.sub-category-block  p  a {

    color: #666;

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    margin: 0 0 0 0;

    padding: 0 0 0 0;

    vertical-align: top;

    display: block;

    border: 0;

}



.sub-category-block  p {

 margin-bottom: 0.1rem !important;

}



.btn-link {

 font-family: Poppins;

 font-weight: 400;

 color: #000 !important;

 background-color: transparent;

 text-decoration: none;
 
 font-size: 0.9rem;

}



.card-body {

 -webkit-box-flex: 1;

 -ms-flex: 1 1 auto;

 flex: 1 1 auto;

 padding: 0px !important;

}



.card-header {

 padding: 5px !important;

 margin-bottom: 0;

 background-color: rgba(230, 230, 230, 0.03) !important;

 border-bottom: 0.5px solid rgba(0,0,0,.125);

}



.dropdown-mobile a.disabled {

 pointer-events: none;

 cursor: default;

}



.big-menu > p {

 margin-bottom: 0.2rem !important;

}

      

       /* Clear floats after the columns  */

       .row:after {

        content: "";

        display: table;

        clear: both;

      }

      

   /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ 

     @media screen and (max-width: 600px) {

        .column {

          width: 100%;

          height: auto;

        }

      }  



      .search-bar{

          margin-left: 28%;

      }





    /* megamenu-end */



    .rove-logo {

        width: 100px;

        margin-left: 60%;

   }

    .navbar-light .navbar-nav .nav-link {

         color: #fff;

         font-size: 14px;

         text-align: left;

         font-weight: 550;

     }

     .navbar-second .navbar-nav .nav-link {

          color: black !important;

          margin-left: 0%;

          text-align: center;

          font-size: 19px;

     }

      .nav-link.contact-link:hover {

        color: #FFB300 !important;

        cursor:pointer;

    }

    .contact-link:hover{

          color: #FFB300 !important;

          font-size: 14px;

          text-align: left;

          font-weight: 550;

     }



     .dropdown .dropdown-menu {

        position: absolute;

        display: none !important;

        }



      .dropdown:hover .dropdown-menu {

        position: absolute;

        display: block !important;

         }



         

     .search-icon{

          width: 80%;

          color: white;

     }

     .search-button{

          background: #007bff;

          display: inline-block;

     }

     #dropdownMenuButton{

         width: 173px;

         height: 36px;

         background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

         background: #FFFFFF 0% 0% no-repeat padding-box;

         border: 1px solid #ADADAD;

         opacity: 1;

         font-size: 14px;

         text-align: left;

         color: #707070;

         border-radius: 0px;

         border: 1px solid lightgrey;

     }



     .btn.btn-outline-primary.my-2.my-sm-0.search-button {

       border-radius: 0px !important;

   }

     

     .form-control.mr-sm-2.search-box{

         width: 305px;

         height: 36px;

         background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

         background: #FFFFFF 0% 0% no-repeat padding-box;

         border: 1px solid #ADADAD;

         opacity: 1;

         font-size: 14px;

         text-align: left;

         color: #707070;

         border-radius: 0px;

         border: 1px solid lightgrey;

     }



     .category-lists .dropdown-menu {

        position: absolute;

        display: none !important;

        }



      .category-lists:hover .dropdown-menu {

        position: absolute;

        display: block !important;

        height: 350px;

        overflow: scroll;

       }





       .homepage-head{

           display: flex;

           margin-top: 8%;

           

       }



  .footer-links-mail-head{

        display: flex;

    }



    .footer-links-mail-head > img{

        width: 22px;

        height: 22px;

        background: var(--unnamed-color-0067d4) 0% 0% no-repeat padding-box;

        background: #0067D4 0% 0% no-repeat padding-box;

        border-radius: 5px;

        opacity: 1;

        margin-top: 2%;

    }

    .footer-links-mail-head > p{

        font-size: 13px;

        text-align: left;

        color: #FFFFFF;

        font-family: Poppins;

        line-height: 21px;

        margin-top: 2%;

        margin-left: 2%;

    }



    .footer-left-head > h4{

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

        color: white;

    }



    .footer-left2-head > h4 {

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        margin-top: 4%;

        font-family: Poppins;

        font-weight: 550;

        color: white;

    }



    .footer-sec-2-head > h4 { 

        font-size: 20px; 

        text-align: left; 

        line-height: 30px; 

        font-family: Poppins; 

        font-weight: 550; 

    } 



    .footer-left-head > span {

        font-size: 14px;

    }



    .footer-links-head{

        display: flex;

    }

    .footer-sec-2-right {

    margin-top: 3%;

}



   .footer-links p {

    font-size: 13px;

    text-align: left;

    color: #707070;

    font-family: Poppins;

    line-height: 12px;

    margin-top: 4%;

    margin-left: 2%;

}





    .footer-sec-2-head >  p {

        font-size: 14px;

        text-align: left;

        color: #FFFFFF;

        font-family: Poppins;

        /* line-height: 23px; */

        margin-top: -4%;

    }



    .homepage-title > h3 {

         font-size: 54px;

         font-family: Poppins;

         text-align: center;

         letter-spacing: 0px;

         color: #FFFFFF;

         opacity: 1;

         line-height: 43px;

         margin-top: 15%;

    }



    .homepage-title > p {

         font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/24px var(--unnamed-font-family-poppins);

         letter-spacing: var(--unnamed-character-spacing-0);

         color: var(--unnamed-color-ffffff);

         text-align: left;

         font: normal normal 600 14px/24px Poppins;

         letter-spacing: 0px;

         color: #FFFFFF;

         opacity: 1;

         margin-top: 1%;

    }





    /* Blogs main */



    .our-blogs {

        width: 100%;

        display: block-ruby;

    }



    .our-blogs-1{

        width: 100%;

        display: block-ruby;

        margin-top: 3%;

    }



   .our-blogs  > h1 {

      color: white;

      text-shadow:

       -1px -1px 0 #B1B1B1,  

        1px -1px 0 #B1B1B1,

        -1px 1px 0 #B1B1B1,

         1px 1px 0 #B1B1B1;

         font-size: 75px;

         opacity: 0.36;

    }



    .blog-title > button {

      border-radius: 100px;

      height: 38px;

      text-align: center;

      font: normal normal medium 16px/25px Poppins;

      color: #FFFFFF;

      opacity: 1;

      margin-top: 6%;

    }



    .blog-title {

        display: flex;

        margin-top: -9%;

    }



    .blog-title >h3 {

      font-family: Poppins;

      text-align: left;

      font-weight: 700;

      font-size: 50px;

      color: #010000;

      margin-top: 3%;

      margin-left: 6%;

      position: relative;

    }



    .blog-button {

      margin-left: 20%;

    }



    .blog1 {

      margin: 2% 0%;

      border-radius: 10px;

      position: relative;

    }

 

    .blog1 > img {

      margin-top: 0%;

      object-fit: contain;

     -webkit-transition: .3s ease-in-out;

      transition: .3s ease-in-out;

    }



    .blog1 >img:hover {

      -webkit-transform: scale(1.1);

      transform: scale(1.1);

    }



    .blog2-image {

        overflow: hidden;

        text-align: center;

        height: auto;

    }



    .blog2-image > img{

      width: 100%;

      height: 180px;

      margin-top: 0%;

      /* -webkit-transform: scale(1);

      transform: scale(1); */

      -webkit-transition: .3s ease-in-out;

      transition: .3s ease-in-out;

    }



    .blog2-image >img:hover{

      -webkit-transform: scale(1.1);

      transform: scale(1.1);

    }



    .blog-footer {

      display: flex;

      justify-content: space-between;

      padding: 1%;

    }



    .blog-toggle > img {

      float: right;

    }



    .blog-toggle {

        position: absolute;

        bottom: 37%;

        display: none;

        width: 85%;

        margin: auto 10px;



    }



    .blog1:hover .blog-toggle {

      display: block;

      /* width: 135%; */

      margin-bottom: 3%;

    }



    .blog-bottom {

        width: 100%;

        height: auto;

        background: #F8F8F8 0% 0% no-repeat padding-box;

        border-radius: 0px 0px 4px 4px;

        opacity: 1;

        

    }



    .blog-bottom >h4{

        font-family: Poppins;

        font-size: 18px;

        text-align: left;

        line-height: 30px;

        padding: 1%;

    }



    .blog-footer > p {

      font: var(--unnamed-font-style-normal) normal normal var(--unnamed-font-size-14)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-poppins);

      text-align: left;

      font: normal normal normal 14px/21px Poppins;

      color: #B1B1B1;

      opacity: 1;

    }



    .blog-read {

      color: white;

      text-decoration: none;

  }

  .blog-read:hover {

      color:white;

      text-decoration: none;

  }







   



    



   



    /* CONTACT US */

  



    .contact-us {

    margin-top: 3%;

    background-image: url("../images/Homepage/get-in-touch-new.jpeg");

    background-size: cover;

    width: 100%;

    height: 180px;

    background-position: right;

}



    .contact-left  h2 {

        font-size: 35px;

        width: 100%;

        text-align: left;

        font-family: Poppins;

        color: #FFFFFF;

        line-height: 60px;

    }

    

   .contact-left a{

        text-decoration:none;

    }

    

.contact-left h2:hover {

    text-decoration: none;

}

.footer-contentsd:hover a {

    text-decoration: none !important;

}

    

    .contact-left {

    padding: 4% 0% 0% 6%;

}



    .contact-left > h6 {

        font-size: 19px;

        text-align: left;

        width: 70%;

        font-family: Poppins;

        color: #FFFFFF;

        margin-left: 10%;

        margin-top: 5%;

        line-height: 27px;

    }



    .right1 >input {

        width: 40%;

        height: 100%;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border-radius: 3px;

        opacity: 1;

        font-size: 15px;

        text-align: left;

        font-family: Poppins;

        font-weight: 500;

        padding: 1.3%;

      

    }



    .contact-right  {

        text-align: center;

        margin: auto;

    }



    .contact-right > button {

        margin: auto;

    }

    .contact-right > button > a{

        text-decoration: none;

        color: #f8f9fa;

    }



    .right1 {

        margin: 10% 0% 0% 0%;

    }



    .right2 >input {

        width: 40%;

        height: 100%;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border-radius: 3px;

        opacity: 1;

        font-size: 15px;

        text-align: left;

        font-family: Poppins;

        font-weight: 500;

        padding: 1.3%;

       

        margin-top: 2%;

    

    }



    .right3 >textarea {

            width: 81%;

            height: 112px;

            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

            background: #FFFFFF 0% 0% no-repeat padding-box;

            border-radius: 3px;

            opacity: 1;

            font-size: 15px;

            text-align: left;

            font-family: Poppins;

            font-weight: 500;

            padding: 1.3%;

            margin-top: 2%;

          

    }



    .right4 > .contact-button{

        width: 160px;

        height: 49px;

        background: var(--unnamed-color-0067d4) 0% 0% no-repeat padding-box;

        background: #0067D4 0% 0% no-repeat padding-box;

        border-radius: 3px;

        opacity: 1;

        margin-top: 2%;

        font-family: Poppins;

        font-size: 14px;

        margin-bottom: 5%;

    }





    /* //Homepage footer */



    .homepage-footer{

        width: 100%;

        height: auto;

    }



   .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 75%;

    margin-left: 5%;

}

    .social-icons > img {

        width: 8%;

        height: auto;

        margin: auto;

        cursor: pointer;

    }

    



    .footer-links-mail{

        display: flex;

    }

    .footer-icon {

        width: 22px;

        height: 22px;

        margin: auto 0;

    }



    /* .footer-links-mail > img{

        width: 22px;

        height: 22px;

        background: var(--unnamed-color-0067d4) 0% 0% no-repeat padding-box;

        background: #0067D4 0% 0% no-repeat padding-box;

        border-radius: 5px;

        opacity: 1;

        margin-top: 2%;

    } */

    .footer-links-mail > p{

        font-size: 13px;

        text-align: left;

        color: #707070;

        font-family: Poppins;

        line-height: 21px;

        margin-top: 2%;

        margin-left: 2%;

    }



    .footer-left > h4{

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        font-family: Poppins;

        font-weight: 550;

    }



    .footer-left2 > h4 {

        font-size: 20px;

        text-align: left;

        line-height: 30px;

        margin-top: 4%;

        font-family: Poppins;

        font-weight: 550;

    }



    .footer-sec-2 > h4 { 

        font-size: 20px; 

        text-align: left; 

        line-height: 30px; 

        font-family: Poppins; 

        font-weight: 550; 

    } 

    .footer-sec-2 > a{

        text-decoration: none;

        color: #817979;

        margin-top: -4%;

        font-size: 14px;

    }

    .footer-sec-2-right {

        margin-top: 2%;

    }

 



    .footer-left > span {

        font-size: 14px;

    }



    .footer-links{

        display: flex;

    }



    .footer-content {

        max-width: 1920px;

        margin: auto;

    }



    .footer-sec-2 >  p {

        font-size: 14px;

        text-align: left;

        color: #707070;

        font-family: Poppins;

        margin-top: -4%;

    }



    .footer-right1 >p {

       font-size: 16px;

       color:  #707070;

       font-family: Poppins;

       line-height: 18px;

       font-weight: 550;

       margin-top: 4%;

    }



    .footer-right1 > img{

        width: 35%;

        height: 50%;

        margin-left: -10px;

    }



    .footer-right2 > h4 {

        font-size: 13px;

        text-align: left;

        font-family: Poppins;

        color: #707070;

        font-weight: 550;

    }



    .footer-right2 {

        padding-top: 10%;

    }



    .footer-scroller > img {

        padding-top: 80%;

        cursor: pointer;

    }



    .footer-row {

        border-bottom: 1px solid #707070;

        padding: 3%;

    }



    .footer-end{

        display: flex;

        justify-content: space-evenly;

    }



    .end-left{

        display: flex;

    }



    .end-left > img {

        margin-left: 26%;

        width: 2%;

    }



    .end-left > p {

        font-size: 12px;

        font-family: Poppins;

        text-align: left;

        line-height: 21px;

        color: #707070;

        margin-top: 2.5%;

        margin-left: 1%;

    }



    .end-right {

        display: flex;

        justify-content: space-evenly;

    }



    .end-right a{

        font-size: 13px;

        color: #707070;

        font-family: Poppins;

        line-height: 21px;

        margin-top: 2%;

        font-weight: 500;

    }

    .end-right p{

        margin-top:2%;

    }

    

    .end-right a:hover{

       text-decoration:none;

     }

    .row-margin{

        margin: 0;

        max-width: 1920px;

    }

  







      /* MEDIA QUERIES */



      

      @media screen and (max-width: 1920px) and (min-width: 1820px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 11%;

            margin-left: 10%;

        }

          

        .search-bar {

         margin-left: 45%;

         }

         #dropdown-1 {

            margin-left: 110%;

             margin-right: 2%;

         }

         .navbar-main {

             align-items: center;

         }    

     }

 

     @media screen and (max-width: 1820px) and (min-width: 1720px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 11%;

            margin-left: 10%;

        }

        

         .search-bar {

          margin-left: 45%;

          }

          #dropdown-1 {

              margin-left: 83%;

              margin-right: 2%;

          }

          .navbar-main {

              align-items: center;

              

          }    

      }

 

      @media screen and (max-width: 1720px) and (min-width: 1620px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 12%;

            margin-left: 10%;

        }

         

         .search-bar {

          margin-left: 45%;

          }

          #dropdown-1 {

              margin-left: 83%;

              margin-right: 2%;

          }

          .navbar-main {

              align-items: center;

             

          }    

      }

 

      @media screen and (max-width: 1620px) and (min-width: 1520px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 12%;

            margin-left: 10%;

        }

         .search-bar {

          margin-left: 40%;

          }

          #dropdown-1 {

              margin-left: 73%;

              margin-right: 2%;

          }

          .navbar-main {

              align-items: center;

              

          }    

      }

      @media screen and (max-width: 1520px) and (min-width: 1420px) {

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 13%;

            margin-left: 10%;

        }

         .search-bar {

          margin-left: 40%;

          }

          #dropdown-1 {

              margin-left: 73%;

              margin-right: 2%;

          }

          .navbar-main {

              align-items: center;

              

          }    

      }

      @media screen and (max-width: 1420px) and (min-width: 1320px) {

          .footer-sec-2-right {

                margin-top: 3%;

            }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 15%;

            margin-left: 10%;

        }

         .search-bar {

          margin-left: 40%;

          }

          #dropdown-1 {

              margin-left: 73%;

              margin-right: 2%;

          }

          .navbar-main {

              align-items: center;

             

          }    

      }



    

      @media screen and (max-width: 1280px) and (min-width: 1180px) {

          .footer-sec-2-right {

            margin-top: 3%;

        }

        .blog-toggle {

            position: absolute;

            bottom: 39%;

            display: none;

            width: 80%;

            margin: auto 10px;

        }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 18%;

            margin-left: 10%;

        }

        .search-bar {

            margin-left: 18%;

        }

        

        #dropdown-1 {

            margin-left: 15%;

            margin-right:2%;

        }

        #dropdown-2 {

          margin-left: 0%;

          margin-right: 2%;

        } 

        #dropdown-3 {

          margin-left: 0%;

          margin-right: 2%;

        } 

        .navbar-main {

            align-items: center;

            

        }



      }



      @media screen and (max-width: 1180px) and (min-width: 1080px) {

           .contact-us {

                    margin-top: 3%;

                    background-image: url("../images/Homepage/get-in-touch-new.jpeg");

                    background-size: cover;

                    width: 100%;

                    height: 150px;

                    background-position: right;

                }

                .contact-left h2 {

                    font-size: 30px;

                    width: 100%;

                    text-align: left;

                    font-family: Poppins;

                    color: #FFFFFF;

                    line-height: 60px;

                }

                .contact-left {

                        padding: 4% 0% 0% 6%;

                    }

          .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 100%;

    margin-left: 5%;

}

        .blog-toggle {

            position: absolute;

            bottom: 42%;

            display: none;

            width: 80%;

            margin: auto 10px;

        }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 18%;

            margin-left: 10%;

        }

        .search-bar {

            margin-left: 10%;

        }

        

        #dropdown-1 {

            margin-left: 3%;

            margin-right:2%;

        }

        #dropdown-2 {

          margin-left: 0%;

          margin-right: 2%;

        } 

        #dropdown-3 {

          margin-left: 0%;

          margin-right: 2%;

        } 



        .rove-logo {

            width: 100px;

            margin-left: 35%;

        }



        .navbar-main {

            align-items: center;

            

        }

      }



      @media screen and (max-width: 1080px) and (min-width: 980px) {
          .sub-category-block h3 a {
    font-family: Poppins;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
    margin: 0 0 0 0;
        margin-top: 0px;
    padding: 0 0 0 0;
    vertical-align: top;
    display: block;
    border: 0;
    color: #0067d4;
    margin-top: 4%;
    line-height: 20px;
}
           .column-category {
    float: left;
    width: 33.33%;
    background-color: #ece4e42b;
    height: 400px;
    overflow: hidden;
    max-width: 24%;
}

           .contact-us {

                    margin-top: 3%;

                    background-image: url("../images/Homepage/get-in-touch-new.jpeg");

                    background-size: cover;

                    width: 100%;

                    height: 150px;

                    background-position: right;

                }

                .contact-left h2 {

                    font-size: 30px;

                    width: 100%;

                    text-align: left;

                    font-family: Poppins;

                    color: #FFFFFF;

                    line-height: 60px;

                }

                .contact-left {

                        padding: 4% 0% 0% 6%;

                    }

          .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 100%;

    margin-left: 5%;

}

        .blog-toggle {

            position: absolute;

            bottom: 51%;

            display: none;

            width: 80%;

            margin: auto 10px;

        }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 20%;

            margin-left: 10%;

        }

        .search-bar {

            margin-left: 8%;

        }

        

        #dropdown-1 {

            margin-left: 2%;

            margin-right:2%;

        }

        #dropdown-2 {

          margin-left: 0%;

          margin-right: 2%;

        } 

        #dropdown-3 {

          margin-left: 0%;

          margin-right: 2%;

        } 

        .rove-logo {

            width: 100px;

            margin-left: 35%;

        }



        .navbar-main {

            align-items: center;

            

        }



        .form-control.mr-sm-2.search-box {

            width: 220px;

            height: 36px;

            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

            background: #FFFFFF 0% 0% no-repeat padding-box;

            border: 1px solid #ADADAD;

            opacity: 1;

            font-size: 14px;

            text-align: left;

            color: #707070;

            border-radius: 0px;

            border: 1px solid lightgrey;

        }



        .navbar-second .navbar-nav .nav-link {

            color: black !important;

            margin-left: 0%;

            text-align: center;

            font-size: 18px;

        }

      }



      @media screen and (max-width: 990px) and (min-width: 900px) {
          .sub-category-block h3 a {
    font-family: Poppins;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
    margin: 0 0 0 0;
        margin-top: 0px;
    padding: 0 0 0 0;
    vertical-align: top;
    display: block;
    border: 0;
    color: #0067d4;
    margin-top: 4%;
    line-height: 20px;
}
          .column-category {
    float: left;
    width: 33.33%;
    background-color: #ece4e42b;
    height: 400px;
    overflow: hidden;
    max-width: 24%;
}

           .contact-us {

                    margin-top: 3%;

                    background-image: url("../images/Homepage/get-in-touch-new.jpeg");

                    background-size: cover;

                    width: 100%;

                    height: 150px;

                    background-position: right;

                }

                .contact-left h2 {

                    font-size: 30px;

                    width: 100%;

                    text-align: left;

                    font-family: Poppins;

                    color: #FFFFFF;

                    line-height: 60px;

                }

                .contact-left {

                        padding: 4% 0% 0% 6%;

                    }

          .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 100%;

    margin-left: 7%;

}
.footer-right1 > img {
    width: 35%;
    height: 50%;
    margin-left: -3px;
}
.footer-sec-2-right {
    margin-top: 4%;
}

        .blog-toggle {

            position: absolute;

            bottom: 45%;

            display: none;

            width: 79%;

            margin: auto 10px;

        }

        .blog-bottom > h4 {

            font-family: Poppins;

            font-size: 18px;

            text-align: left;

            line-height: 30px;

            padding: 1%;

        }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: left;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 20%;

            margin-left: 10%;

        }

        .blog-titles > h3{

            position: absolute;

            bottom: 28%;

            z-index: 9;

            color: #fff;

            font-size: 54px !important;

            left: 8%;

        }

        .homepage-footer {

            width: 100%;

            height: auto;

        }

        .footer-sec-2 > h4 {

            font-size: 14px;

            text-align: left;

            line-height: 30px;

            font-family: Poppins;

            font-weight: 550;

            margin-bottom: 5%;

        }
        .footer-left > h4 {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
    font-family: Poppins;
    font-weight: 550;
}



        .rove-logo {

            width: 100px;

            margin-left: 25%;

        }



        .search-bar {

            margin-left: 29%;

        }



        .navbar-main {

            align-items: center;

           

        }



        #dropdown-1 {

            margin-left: 25%;

            margin-right: 2%;

        }

        #dropdown-2 {

          margin-left: 2%;

          margin-right: 2%;

        } 

        #dropdown-3 {

          margin-left: 2%;

          margin-right: 2%;

        } 



        .form-control.mr-sm-2.search-box {

            width: 250px;

            height: 36px;

            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

            background: #FFFFFF 0% 0% no-repeat padding-box;

            border: 1px solid #ADADAD;

            opacity: 1;

            font-size: 14px;

            text-align: left;

            color: #707070;

            border-radius: 0px;

            border: 1px solid lightgrey;

        }

        .navbar-second .navbar-nav .nav-link {

            color: black !important;

            margin-left: 0%;

            text-align: center;

            font-size: 17px;

            padding: 1%;

         }

        } 







      @media screen and (max-width: 900px) and (min-width: 700px) {



      .navbar-expand-lg .navbar-nav {

          -webkit-box-orient: horizontal;

          -webkit-box-direction: normal;

          -ms-flex-direction: column !important;

          flex-direction: column !important;

          align-content: center !important;

      }

      .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 18px;

    }

      #dropdown-1 {

        margin-left: 28%;

        margin-right: 4%;

       }

        #dropdown-2 {

        margin-left: 0%;

        margin-right: 2%;

        } 

        #dropdown-3 {

        margin-left: 2%;

        margin-right: 2%;

        } 

        .nav-item.space-bar {

            display: none;

        }

        .search-bar {

            margin-left: 24%;

        }

        .navbar-main {

            align-items: center;

          

        }

        .rove-logo {

            width: 100px;

            margin-left: 20%;

        }

        

     }



     @media screen and (max-width: 900px) and (min-width: 800px) {

        .blog-toggle {

            position: absolute;

            bottom: 110px;

            display: none;

            width: 80%;

            margin: auto 10px;

        }



     }



     @media screen and (max-width: 900px) and (min-width: 768px) {
         .sub-category-block h3 a {
    font-family: Poppins;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
    margin: 0 0 0 0;
        margin-top: 0px;
    padding: 0 0 0 0;
    vertical-align: top;
    display: block;
    border: 0;
    color: #0067d4;
    margin-top: 4%;
    line-height: 20px;
}
         .column-category {
    padding: 10px;
    float: left;
    background-color: #ece4e42b;
    height: 400px;
    overflow: scroll;
    width: 100%;
    max-width: 30%;
}

          .contact-us {

                    margin-top: 3%;

                    background-image: url("../images/Homepage/get-in-touch-new.jpeg");

                    background-size: cover;

                    width: 100%;

                    height: 150px;

                    background-position: right;

                }

                .contact-left h2 {

                    font-size: 30px;

                    width: 100%;

                    text-align: left;

                    font-family: Poppins;

                    color: #FFFFFF;

                    line-height: 60px;

                }

                .contact-left {

                        padding: 4% 0% 0% 6%;

                    }

         .social-icons {

    display: flex;

    justify-content: space-between;

    margin-top: 5%;

    width: 100%;

    margin-left: 8%;

}
.footer-sec-2-right {
    margin-top: 4%;
}

        .search-bar {

            margin-left: 27%;

        }

        #dropdown-1 {

            margin-left: 28%;

            margin-right: 4%;

           }

            #dropdown-2 {

            margin-left: 2%;

            margin-right: 2%;

            } 

            #dropdown-3 {

            margin-left: 2%;

            margin-right: 2%;

            } 

        .blog-read {

            color: white;

            text-decoration: underline;

            font-size: 12px;

        }

        .blog-footer > p {

            font: normal normal normal 12px/21px Poppins;

            color: #B1B1B1;

            opacity: 1;

        }

        .blog-toggle {

            position: absolute;

            bottom: 49%;

            display: none;

            width: 75%;

            margin: auto 10px;

        }

        .blog-bottom > h4 {

            font-family: Poppins;

            font-size: 16px;

            text-align: left;

            line-height: 20px;

            padding: 1%;

        }

        .navbar-expand-lg .navbar-nav {

            -webkit-box-orient: horizontal;

            -webkit-box-direction: normal;

            -ms-flex-direction: row !important;

            flex-direction: row !important;

            align-content: center !important;

        }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: center;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 23%;

        }

        .brands-box1 > h4 {

            font-family: Poppins;

            font-size: 14px;

            text-align: center;

            line-height: 21px;

            font-weight: bold;

            width: 100%;

        }



        .brands-box1 {

            margin-left: 6%;

            width: 100%;

            height: 231px;

            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

            background: #FFFFFF 0% 0% no-repeat padding-box;

            border: 1px solid #100F0C;

            border-radius: 3px;

            opacity: 1;

        }

        .homepage-footer {

            width: 100%;

            height: auto;

        }

        .footer-sec-2 > h4 {

            font-size: 14px;

            text-align: left;

            line-height: 30px;

            font-family: Poppins;

            font-weight: 550;

            margin-bottom: 5%;

        }
        
        .footer-left > h4 {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
    font-family: Poppins;
    font-weight: 550;
}
.footer-right1 > img {
    width: 35%;
    height: 50%;
    margin-left: -3px;
}

        

    }



     @media screen and (max-width: 768px) and (min-width: 600px) {

         .contact-us {

                    margin-top: 3%;

                    background-image: url("../images/Homepage/get-in-touch-new.jpeg");

                    background-size: cover;

                    width: 100%;

                    height: 150px;

                    background-position: right;

                }

                .contact-left h2 {

                    font-size: 25px;

                    width: 100%;

                    text-align: left;

                    font-family: Poppins;

                    color: #FFFFFF;

                    line-height: 60px;

                }

               .contact-left {

                    padding: 7% 0% 0% 6%;

                }

        #dropdown-1 {

            margin-left: 23%;

            margin-right: 4%;

           }

            #dropdown-2 {

            margin-left: 0%;

            margin-right: 2%;

            } 

            #dropdown-3 {

            margin-left: 2%;

            margin-right: 2%;

            } 

        .blog-toggle {

            position: absolute;

           bottom: 35%;
            display: none;
            width: 90%;

            margin: auto 10px;

        }

       

        .our-blogs {

            width: 100%;

            display: block-ruby;

            margin: 3% auto;

        }

        .our-blogs-1 {

            width: 100%;

            display: block-ruby;

            margin: 3% auto;

        }

        .navbar-expand-lg .navbar-nav {

            -webkit-box-orient: horizontal;

            -webkit-box-direction: normal;

            -ms-flex-direction: row !important;

            flex-direction: row !important;

            align-content: center !important;

        }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: center;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 28%;

        }

        .homepage-footer {

            width: 100%;

            height: auto;

        }

        .footer-sec-2 > p {

            font-size: 14px;

            text-align: left;

            color: #707070;

            font-family: Poppins;

            line-height: 23px;

            margin-top: -1%;

        }

        .footer-sec-2 > h4 {

            font-size: 20px;

            text-align: left;

            line-height: 30px;

            font-family: Poppins;

            font-weight: 550;

            margin-bottom: 5%;

        }

     }



     @media screen and (max-width: 700px) and (min-width: 600px) {

       

        .navbar-expand-lg .navbar-nav {

            -webkit-box-orient: horizontal;

            -webkit-box-direction: normal;

            -ms-flex-direction: row !important;

            flex-direction: row !important;

            align-content: center !important;

        }

    

          .nav-item.space-bar {

              display: none;

          }

          .search-bar {

              margin-left: 25%;

          }

          .navbar-main {

            align-items: center;

           

        }

        .rove-logo {

            width: 100px;

            margin-left: 0%;

        }



     }



     @media screen and (max-width: 600px) and (min-width: 450px) {
         .footer-scroller {
    position: relative;
}
.footer-scroller > img {
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 70%;
}
.social-icons {
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
    width: 60%;
    margin-left: 3%;
}

         .contact-us {

                    margin-top: 3%;

                    background-image: url("../images/Homepage/get-in-touch-new.jpeg");

                    background-size: cover;

                    width: 100%;

                    height: 95px;

                    background-position: right;

                }

                .contact-left h2 {

                    font-size: 15px;

                    width: 100%;

                    text-align: left;

                    font-family: Poppins;

                    color: #FFFFFF;

                    line-height: 60px;

                }

               .contact-left {

                    padding: 3% 0% 0% 6%;

                }

        .megamenu-row {

            background-color: #fffdfd;

            height: 400px;

            overflow: scroll;

        }

         .cat {

             font-size: 12px;

         }

        .navbar-second .navbar-nav .nav-link {

            color: black !important;

            margin-left: 0%;

            text-align: center;

            font-size: 17px;

        }

        .form-control.mr-sm-2.search-box {

            width: 70%;

            height: auto;

            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

            background: #FFFFFF 0% 0% no-repeat padding-box;

            border: 1px solid #ADADAD;

            opacity: 1;

            font-size: 14px;

            text-align: left;

            color: #707070;

            border-radius: 0px;

            border: 1px solid lightgrey;

        }

        .blog-toggle {

            position: absolute;

            bottom: 32%;
            display: none;
            width: 88%;

            margin: auto 10px;

        }

        .our-blogs {

            width: 100%;

            display: block-ruby;

            margin: 3% auto;

        }

        .our-blogs-1 {

            width: 100%;

            display: block-ruby;

            margin: 3% auto;

        }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: center;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 40%;

        }

        .homepage-footer {

            width: 100%;

            height: auto;

        }

        .footer-sec-2 > h4 {

            font-size: 20px;

            text-align: left;

            line-height: 30px;

            font-family: Poppins;

            font-weight: 550;

            margin-bottom: 5%;

        }

        .navbar-expand-lg .navbar-nav {

            -webkit-box-orient: horizontal;

            -webkit-box-direction: normal;

            -ms-flex-direction: row !important;

            flex-direction: row !important;

            align-content: center !important;

        }

       

        #dropdown-1 {

            margin-left: 18%;

            margin-right: 2%;

        }

          #dropdown-2 {

          margin-left: 2%;

          margin-right: 2%;

          } 

          #dropdown-3 {

          margin-left: 2%;

          margin-right: 2%;

          } 

          .nav-item.space-bar {

              display: none;

          }

          .search-bar {

            margin-left: 23%;

        }

          .navbar-main {

            align-items: center;

          

        }

        .rove-logo {

            width: 100px;

            margin-left: 0%;

        }

     }



     @media screen and (max-width: 450px) and (min-width: 350px) {
         .footer-scroller {
    position: relative;
}
.footer-scroller > img {
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 70%;
}
.social-icons {
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
    width: 60%;
    margin-left: 3%;
}

         .contact-us {

                    margin-top: 3%;

                    background-image: url("../images/Homepage/get-in-touch-new.jpeg");

                    background-size: cover;

                    width: 100%;

                    height: 95px;

                    background-position: right;

                }

                .contact-left h2 {

                    font-size: 15px;

                    width: 100%;

                    text-align: left;

                    font-family: Poppins;

                    color: #FFFFFF;

                    line-height: 60px;

                }

               .contact-left {

                    padding: 3% 0% 0% 6%;

                }

        .megamenu-row {

            background-color: #fffdfd;

            height: 400px;

            overflow: scroll;

        }

        .cat {

            font-size: 12px;

        }

        .navbar-light .navbar-toggler {

            color: rgb(255, 255, 255) !important;

            border-color: rgb(255, 254, 254) !important;

        }

        .navbar-toggler {

            padding: .25rem .75rem;

            font-size: 1.25rem;

            line-height: 1;

            background-color: #eaeaea70  !important;

            border: 1px solid transparent;

                border-top-color: transparent;

                border-right-color: transparent;

                border-bottom-color: transparent;

                border-left-color: transparent;

            border-radius: .25rem;

        }

        .navbar-second .navbar-nav .nav-link {

            color: black !important;

            margin-left: 0%;

            text-align: center;

            font-size: 16px;

        }

        .form-control.mr-sm-2.search-box {

            width: 70%;

            height: auto;

            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

            background: #FFFFFF 0% 0% no-repeat padding-box;

            border: 1px solid #ADADAD;

            opacity: 1;

            font-size: 12px;

            text-align: left;

            color: #707070;

            border-radius: 0px;

            border: 1px solid lightgrey;

        }

         

        .blog-toggle {

            position: absolute;

           bottom: 35%;
display: none;
width: 85%;

            margin: auto 10px;

        }

        .our-blogs {

            width: 100%;

            display: block-ruby;

            margin: 3% auto;

        }

        .our-blogs-1 {

            width: 100%;

            display: block-ruby;

            margin: 3% auto;

        }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: center;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 50%;

        }

        .homepage-footer {

            width: 100%;

            height: auto;

        }

        .footer-sec-2 > h4 {

            font-size: 20px;

            text-align: left;

            line-height: 30px;

            font-family: Poppins;

            font-weight: 550;

            margin-bottom: 5%;

        }

        .footer-sec-2 > p {

            font-size: 14px;

            text-align: left;

            color: #707070;

            font-family: Poppins;

            line-height: 23px;

            margin-top: -2%;

        }

        

        .footer-sec-2 > h4 {

            font-size: 20px;

            text-align: left;

            line-height: 30px;

            font-family: Poppins;

            font-weight: 550;

            margin-bottom: 5%;

        }

       

        .contact-left > h6 {

            font-size: 15px;

            text-align: left;

            width: 70%;

            font-family: Poppins;

            color: #FFFFFF;

            margin-left: 10%;

            margin-top: 5%;

            line-height: 27px;

        }

        .navbar-expand-lg .navbar-nav {

            -webkit-box-orient: horizontal;

            -webkit-box-direction: normal;

            -ms-flex-direction: row !important;

            flex-direction: row !important;

            align-content: center !important;

        }

    

        #dropdown-1 {

            margin-left: auto;

            margin-right: 2%;

        }

          #dropdown-2 {

          margin-left: 2%;

          margin-right: 2%;

          } 

          #dropdown-3 {

          margin-left: 2%;

          margin-right: 2%;

          } 

          .nav-item.space-bar {

              display: none;

          }

          .search-bar {

              margin-left: 19%;

          }

          .navbar-main {

            align-items: center;

            margin-left: 0%;

        }

        .rove-logo {

            width: 100px;

            margin-left: 0%;

        }

        .sub-category-block h3 a {

            font-family: Poppins;

            font-size: 13px;

            text-transform: none;

            text-decoration: none;

            font-weight: 400;

            text-align: left;

            margin: 0 0 0 0;

            padding: 0 0 0 0;

            vertical-align: top;

            display: block;

            border: 0;

            color: #0067d4;

        }

        .sub-category-block p a {

            color: #666;

            font-family: Poppins;

            font-size: 13px;

            text-transform: none;

            text-decoration: none;

            font-weight: 400;

            text-align: left;

            margin: 0 0 0 0;

            padding: 0 0 0 0;

            vertical-align: top;

            display: block;

            border: 0;

        }



     }



     @media screen and (max-width: 350px) and (min-width: 300px) {
         .footer-scroller {
    position: relative;
}
.footer-scroller > img {
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 70%;
}
.social-icons {
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
    width: 60%;
    margin-left: 3%;
}

         .contact-us {

                margin-top: 3%;

                background-image: url("../images/Homepage/get-in-touch-new.jpeg");

                background-size: cover;

                width: 100%;

                height: 65px;

                background-position: right;

            }

                .contact-left h2 {

                    font-size: 13px;

                    width: 100%;

                    text-align: left;

                    font-family: Poppins;

                    color: #FFFFFF;

                    line-height: 60px;

                }

               .contact-left {

                    padding: 0% 0% 0% 6%;

                }

        .megamenu-row {

            background-color: #fffdfd;

            height: 400px;

            overflow: scroll;

        }

        .sub-category-block  h3 a {

            font-family: Poppins;

            font-size: 13px;

            text-transform: none;

            text-decoration: none;

            font-weight: 400;

            text-align: left;

            margin: 0 0 0 0;

            padding: 0 0 0 0;

            vertical-align: top;

            display: block;

            border: 0;

            color: #0067d4;

        }

        .sub-category-block p a {

            color: #666;

            font-family: Poppins;

            font-size: 13px;

            text-transform: none;

            text-decoration: none;

            font-weight: 400;

            text-align: left;

            margin: 0 0 0 0;

            padding: 0 0 0 0;

            vertical-align: top;

            display: block;

            border: 0;

        }

        .cat {

            font-size: 12px;

        }

        .blog-toggle {

            position: absolute;

            bottom: 38%;

            display: none;

            width: 83%;

            margin: auto 10px;

        }

        .our-blogs-1 {

            width: 100%;

            display: block-ruby;

            margin: 3% auto;

        }

        .our-blogs {

            width: 100%;

            display: block-ruby;

            margin: 3% auto;

        }

        .navbar-light .navbar-toggler {

            color: rgb(255, 255, 255) !important;

            border-color: rgb(255, 254, 254) !important;

        }

        .navbar-toggler {

            padding: .25rem .75rem;

            font-size: 1.25rem;

            line-height: 1;

            background-color: #eaeaea70  !important;

            border: 1px solid transparent;

                border-top-color: transparent;

                border-right-color: transparent;

                border-bottom-color: transparent;

                border-left-color: transparent;

            border-radius: .25rem;

        }

        .navbar-second .navbar-nav .nav-link {

            color: black !important;

            margin-left: 0%;

            text-align: center;

            font-size: 14px;

            font-family: Poppins;

            font-weight: 500;

        }

        .homepage-title > h3 {

            font-size: 54px;

            font-family: Poppins;

            text-align: center;

            letter-spacing: 0px;

            color: #FFFFFF;

            opacity: 1;

            line-height: 43px;

            margin-top: 60%;

        }

        .homepage-footer {

            width: 100%;

            height: auto;

        }

        .footer-sec-2 > h4 {

            font-size: 20px;

            text-align: left;

            line-height: 30px;

            font-family: Poppins;

            font-weight: 550;

            margin-bottom: 5%;

        }

        

        .contact-left > h6 {

            font-size: 15px;

            text-align: left;

            width: 70%;

            font-family: Poppins;

            color: #FFFFFF;

            margin-left: 10%;

            margin-top: 5%;

            line-height: 27px;

        }

        .navbar-expand-lg .navbar-nav {

            -webkit-box-orient: horizontal;

            -webkit-box-direction: normal;

            -ms-flex-direction: row !important;

            flex-direction: row !important;

            align-content: center !important;

        }

        .form-control.mr-sm-2.search-box {

            width: 200px;

            height: 36px;

            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

            background: #FFFFFF 0% 0% no-repeat padding-box;

            border: 1px solid #ADADAD;

            opacity: 1;

            font-size: 14px;

            text-align: left;

            color: #707070;

            border-radius: 0px;

            border: 1px solid lightgrey;

        }

        #dropdown-1 {

            margin-left: 4%;

            margin-right: 4%;

        }

          #dropdown-2 {

          margin-left: 0%;

          margin-right: 4%;

          } 

          #dropdown-3 {

          margin-left: 0%;

          margin-right: 2%;

          } 

          .nav-item.space-bar {

              display: none;

          }

          .search-bar {

              margin-left: 9%;

          }

          .navbar-main {

            align-items: center;

            

        }

        .rove-logo {

            width: 100px;

            margin-left: 0%;

        }

     }



  /* //second-header responsive */



  @media screen and (max-width: 900px) and (min-width: 768px) {

    #dropdown-1 {

        margin-left: 28%;

        margin-right: 2%;

    }

    #dropdown-2 {

      margin-left: 2%;

      margin-right: 2%;

    } 

    #dropdown-3 {

      margin-left: 2%;

      margin-right: 2%;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 50%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 14px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 34%;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

   }



   @media screen and (max-width: 768px) and (min-width: 600px) {

    #dropdown-1 {

        /* margin-left: 23%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 55%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 13px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 30%;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

   }



   @media screen and (max-width: 600px) and (min-width: 550px) {

    .megamenu-row {

        background-color: #fffdfd;

        height: 400px;

        overflow: scroll;

    }

    .form-control.mr-sm-2.search-box {

        width: 70%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 13px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 19%;

    }

    #dropdown-1 {

        /* margin-left: 20%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 18px;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

   }



   @media screen and (max-width: 550px) and (min-width: 450px) {

    .megamenu-row {

        background-color: #fffdfd;

        height: 400px;

        overflow: scroll;

    }

    #dropdown-1 {

        /* margin-left: 18%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 70%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 13px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 17%;

    }

    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 17px;
        
        font-weight: 500;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

    .footer-right2 > h4 {

        font-size: 14px;

        text-align: left;

        font-family: Poppins;

        color: #707070;

        font-weight: 550;

    }

   }



   @media screen and (max-width: 450px) and (min-width: 350px) {

    .megamenu-row {

        background-color: #fffdfd;

        height: 400px;

        overflow: scroll;

    }

    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 15px;

        font-weight: 550;

    }

    #dropdown-1 {

        /* margin-left: 15%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 70%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 10px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 17%;

    }

    .column a {

        float: none;

        color: black;

        padding: 8px;

        text-decoration: none;

        display: block;

        text-align: left;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

    .footer-right2 > h4 {

        font-size: 14px;

        text-align: left;

        font-family: Poppins;

        color: #707070;

        font-weight: 550;

    }

   }



   @media screen and (max-width: 350px) and (min-width: 300px) {

    .footer-right2 > h4 {

        font-size: 14px;

        text-align: left;

        font-family: Poppins;

        color: #707070;

        font-weight: 550;

    }

    .megamenu-row {

        background-color: #fffdfd;

        height: 400px;

        overflow: scroll;

    }

    .navbar-second .navbar-nav .nav-link {

        color: black !important;

        margin-left: 0%;

        text-align: center;

        font-size: 13px;

        font-weight: 550;

    }

    #dropdown-1 {

        /* margin-left: 4%;

        margin-right: 2%; */

        margin: auto;

    }

    #dropdown-2 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    #dropdown-3 {

      /* margin-left: 2%;

      margin-right: 2%; */

      margin: auto;

    } 

    .navbar-expand-lg .navbar-nav {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        align-content: center !important;

    }

    .form-control.mr-sm-2.search-box {

        width: 70%;

        height: auto;

        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

        background: #FFFFFF 0% 0% no-repeat padding-box;

        border: 1px solid #ADADAD;

        opacity: 1;

        font-size: 10px;

        text-align: left;

        color: #707070;

        border-radius: 0px;

        border: 1px solid lightgrey;

    }

    .search-bar {

        margin-left: 17%;

    }

    .column a {

        float: none;

        color: black;

        padding: 8px;

        text-decoration: none;

        display: block;

        text-align: left;

    }

    .column-category {

        padding: 10px;

        float: left;

        background-color: #ece4e42b;

        height: 400px;

        overflow: scroll;

        width: 100%;

    }

   

   }



   /* second header responsive end */

    /* //second-header responsive */



  @media screen and (max-width: 1920px) and (min-width: 1820px) {

      .footer-sec-2-right {

    margin-top: 2%;

}



    .search-bar {

        margin-left: 50%;

        }



    #dropdown-1 {

      margin-left: 148%;

      margin-right: 2%;

       }



    .navbar-main {

        align-items: center;

        margin: 0px;

       }   

}



@media screen and (max-width: 1820px) and (min-width: 1720px) {



.search-bar {

    margin-left: 50%;

}



#dropdown-1 {

  margin-left: 148%;

  margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   

.form-control.mr-sm-2.search-box {

    width: 260px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1720px) and (min-width: 1620px) {



.search-bar {

    margin-left: 50%;

}



#dropdown-1 {

  margin-left: 126%;

  margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   

.form-control.mr-sm-2.search-box {

    width: 260px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1620px) and (min-width: 1520px) {



.search-bar {

    margin-left: 45%;

}



#dropdown-1 {

  margin-left: 116%;

  margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 241px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1520px) and (min-width: 1420px) {



.search-bar {

    margin-left: 45%;

}



#dropdown-1 {

        margin-left: 100%;

    margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 220px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1420px) and (min-width: 1320px) {



.search-bar {

    margin-left: 42%;

}



#dropdown-1 {

    margin-left: 87%;

    margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 200px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1320px) and (min-width: 1220px) {



.search-bar {

    margin-left: 40%;

}



#dropdown-1 {

    margin-left: 88% !important;

    margin-right: 2%;

}



.navbar-main {

    align-items: center;

   margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 175px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 12px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

.navbar-second .navbar-nav .nav-link {

    color: black !important;

    margin-left: 0%;

    text-align: center;

    font-size: 17px;

}

}









@media screen and (max-width: 1220px) and (min-width: 1120px) {



.navbar-second .navbar-nav .nav-link {

    color: black !important;

    margin-left: 0%;

    text-align: center;

    font-size: 17px;

}



.search-bar {

    margin-left: 38%;

}



#dropdown-1 {

    margin-left: 76% !important;

    margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

    width: 175px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 12px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}

}



@media screen and (max-width: 1120px) and (min-width: 990px) {

    .search-bar {

    margin-left: 26%;

}



#dropdown-1 {

        margin-left: 50% !important;

    margin-right: 2%;

}



.navbar-main {

    align-items: center;

    margin: 0px;

}   



.form-control.mr-sm-2.search-box {

      width: 200px;

    height: 36px;

    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 1px solid #ADADAD;

    opacity: 1;

    font-size: 14px;

    text-align: left;

    color: #707070;

    border-radius: 0px;

    border: 1px solid lightgrey;

}



.navbar-second .navbar-nav .nav-link {

    color: black !important;

    margin-left: 0%;

    text-align: center;

    font-size: 16px;

}

    

}





@media screen and (max-width: 990px) and (min-width: 300px) {

    #main-header{

        display: none !important;

    }

    #second-header{

        top: 0% !important;

    }

}

  

   @media screen and (max-width: 768px) and (min-width: 300px) {
       .cat-mob {
    padding: 1px 8px;
}
              .blog-titles h3 {
            position: absolute;
            font-family: Poppins;
            bottom: 34%;
            z-index: 9;
            color: #fff;
            font-size: 40px !important;
            left: 8%;
        }
       .navbar-second .navbar-nav .nav-link {
   
    padding: 5px !important;
}

.categories:hover{
    padding: 5px;
}

        .megamenu-row {

            background-color: #fffdfd;

            height: 250px;

            overflow: scroll;

        }

       



    .dropdown-desktop {

           display: none;

       }

    .sub-category-block {
        margin-left: 2%;

        height: 250px;

        overflow: auto;

    }



     .dropdown-mobile{

         display: block !important;

     }

     .sub-category-block {

        margin: 2% 2%;

    }

    .column-category {

        padding: 2px 10px;

        float: left;

        background-color: #ece4e42b;

        height: auto;

        overflow: scroll;

        width: 100%;
        
        max-width: 100%;

    }
    
    .column {
    float: left;
    width: 100%;
    background-color: #fffdfd;
    height: 15%;
     border-bottom: 0.5px solid rgba(0,0,0,.125);
}

    .end-left {

        display: flex;

        justify-content: center;

    }

    .end-left > img {

        margin-left: 0%;

        width: 3%;

    }

    .sub-category-block h3 a{

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    vertical-align: top;

    display: block;

    border: 0;

    color: #0067d4;

    margin-top: 2%;

    margin-left: 3%;

}

.sub-category-block p a {

    color: #666;

    font-family: Poppins;

    font-size: 13px;

    text-transform: none;

    text-decoration: none;

    font-weight: 400;

    text-align: left;

    vertical-align: top;

    display: block;

    border: 0;

    margin-left: 3%;

}



    }