@media (max-width: 900px) {

  
.navbar{
    padding: 1.3rem 2rem 1.3rem 2rem;
}

.navbar .nav-logo{
    width: 8rem;
}

.navbar ul{
    padding: 1rem;
}


.navbar ul li a{
    font-size: 1rem;
}


#main-banner{
    padding: 4rem 2rem 8rem 2rem;
}

#main-banner h1{
  font-size: 1.6rem;

}

#main-banner h1 span{
     font-size: 2.8rem;
}

#main-banner button{
    font-size: 0.6rem;
    font-weight: bold;
    padding: 0.6rem 2rem;
}

#main-banner .buildings{
width: 45rem;
}

#main-banner .big-logo{
right: -10%;
width: 20rem;
top: 15%;
}

#main-banner .buildings{
bottom: 0%;
right: 0%;
width: 80%;
}

#who-we-are{
    padding: 6rem 2rem 6rem 2rem;
}


#who-we-are h2{
    font-size: 2.4rem;
}


#who-we-are p{
    font-size: 0.9rem;
}


#our-products{
    padding: 6rem 2rem 1rem 2rem;
}


#our-products h2{
    font-size: 2.4rem;
}

#our-products h3{
    font-size: 1rem;
}


#our-products p{
    font-size: 0.9rem;
}


#newsletter{
    padding: 1rem 1rem 6rem 1rem;
}

#newsletter .newsletter-inner{
    padding: 2rem 1rem;
}

#newsletter .submit-btn{
    margin-top: 0.5rem;
font-size: 0.8rem;
height: 3rem;
}


#newsletter .email-btn{
    left: 4%;
}

#newsletter input{
height: 3rem;
padding-left: 4rem;
}

#our-vision{
    padding: 8rem 2rem 10rem 2rem;
}

#our-vision h2{
    font-size: 2.4rem;
}

#our-vision p{
    font-size: 0.9rem;
}


#leadership-team{
    padding: 4rem 2rem 4rem 2rem;
}

#leadership-team h2{
    font-size: 2.4rem;
}

#leadership-team p{
    font-size: 0.9rem;
}

#leadership-team .col-md-4{
    text-align: center;
    padding-right: 0rem;
}


   #project-overview-slider h3{
    font-size: 1.2rem;
   }

   #project-overview-slider p{
    font-size: 0.8rem;
   }

   #project-overview-slider h2{
    font-size: 2.4rem;
   }
   
       #overview-slider .item h4{
   line-height: 130.9%;
     font-size: 1rem;
    }

     #overview-slider .item{
    padding: 1rem;
    }

    #project-overview-slider .my-previous-button{
        top: 20%;
        left: 4%;
    }

    #project-overview-slider .my-previous-button img{
        width: 2.5rem;
    }

    #project-overview-slider .my-next-button{
        top: 20%;
        right: 4%;

    }

    #project-overview-slider .my-next-button img{
        width: 2.5rem;
    }

     #contact-quresoft{
        padding: 6rem 2rem 4rem 2rem;

    }



  #contact-quresoft h2{
    font-size: 2.4rem;
   }


   #contact-quresoft .long-btn{
    height: 4rem;
    padding-top: 1rem;
    font-size: 1.5rem;
   }


    #contact-quresoft .short-btn img{
            width: 1.8rem;
         }

    #contact-quresoft .contact-logo{
        opacity: 0.4;
        position: absolute;
        width: 14rem;
        left: 25%;
        margin-top: -3rem;
    }     


        footer{
    padding: 8rem 2rem 2rem 2rem;
    }

    footer .footer-logo{
      width: 10rem;
    height: auto;
    }

    footer .footer-links{
        font-size: 0.9rem;
        margin-right: 2rem;
    }


    footer p{
        font-size: 0.8rem;
        color: #D6A887;
    }

    footer .footer-icon{
        width: 1.3rem;
        margin-right: 1rem;
    }


      #product{
    padding: 8rem 2rem 6rem 2rem;
  }

   #product h2{
    font-size: 2.4rem;
   }

    #product p{
      font-size: 0.9rem;
      }


    #product .main-product{
        margin-top: 2rem;
 border: 10px solid #171515;
width: 80%;
padding: 2.3rem 2.3rem 4rem 2.3rem;
}


#product .main-product .quresoft{
    width: 2.3rem;
}

   #product h3{
  font-size: 1.2rem;
   }

      #product .toy{
    width: 1rem;
   }

      #product .product-bg{
    position: absolute;
    width: 23rem;
    top: 5%;
    left: 3%;
  }    


        #product .previous-button{
        top: 50%;    
        left: 3%;
    }

    #product .previous-button img{
        width: 2.5rem;
    }

    #product .next-button{
        top: 50%;  
        right: 3%;
    }

    #product .next-button img{
        width: 2.5rem;
    }






 }









  @media (max-width: 1030px)  /*-----------13/10 inch laptop--------------*/
  and (min-width: 900px){
   
  
.navbar{
    padding: 1.3rem 6rem 1.3rem 6rem;
}

.navbar .nav-logo{
    width: 8rem;
}

.navbar ul li a{
    font-size: 0.9rem;
}

#main-banner{
    padding: 4rem 6rem 6rem 6rem;
}

#main-banner h1{
  font-size: 1.6rem;

}

#main-banner h1 span{
     font-size: 2.8rem;
}

#main-banner button{
    font-size: 0.6rem;
    font-weight: bold;
    padding: 0.6rem 2rem;
}


#main-banner .big-logo{
position: absolute;
right: 15%;
width: 20rem;
top: 10%;
}


#main-banner .buildings{
width: 45rem;
}


#who-we-are{
    padding: 6rem 6rem 6rem 6rem;
}


#who-we-are h2{
    font-size: 2.4rem;
}


#who-we-are p{
    font-size: 0.9rem;
}


#our-products{
    padding: 6rem 6rem 1rem 6rem;
}


#our-products h2{
    font-size: 2.4rem;
}

#our-products h3{
    font-size: 1rem;
}


#our-products p{
    font-size: 0.9rem;
}



#newsletter{
    padding: 1rem 4rem 6rem 4rem;
}

#newsletter .newsletter-inner{
    padding: 2rem 2rem;
}

#newsletter .submit-btn{
font-size: 0.8rem;
height: 3rem;
}

#newsletter input{
height: 3rem;
padding-left: 4rem;
}


#our-vision{
    padding: 8rem 6rem 10rem 6rem;
}

#our-vision h2{
    font-size: 2.4rem;
}

#our-vision p{
    font-size: 0.9rem;
}



#leadership-team{
    padding: 6rem 6rem 6rem 6rem;
}

#leadership-team h2{
    font-size: 2.4rem;
}

#leadership-team p{
    font-size: 0.8rem;
}


#leadership-team .col-md-4{
    padding-right: 3rem;
}

   #project-overview-slider h3{
    font-size: 1.2rem;
   }

   #project-overview-slider p{
    font-size: 0.8rem;
   }

   #project-overview-slider h2{
    font-size: 2.4rem;
   }
   
       #overview-slider .item h4{
   line-height: 130.9%;
     font-size: 1rem;
    }



  #contact-quresoft{
        padding: 6rem 6rem 5rem 6rem;

    }



  #contact-quresoft h2{
    font-size: 2.4rem;
   }


   #contact-quresoft .long-btn{
    height: 4rem;
    padding-top: 1rem;
    font-size: 1.5rem;
   }


    #contact-quresoft .short-btn img{
            width: 1.8rem;
         }

    #contact-quresoft .contact-logo{
        opacity: 0.4;
        position: absolute;
        width: 14rem;
        left: 25%;
        margin-top: -3rem;
    }     



    footer{
    padding: 8rem 6rem 2rem 6rem;
    }

    footer .footer-logo{
      width: 10rem;
    height: auto;
    }

    footer .footer-links{
        font-size: 0.9rem;
        margin-right: 2rem;
    }


    footer p{
        font-size: 0.8rem;
        color: #D6A887;
    }

    footer .footer-icon{
        width: 1.3rem;
        margin-right: 1rem;
    }




  #product{
    padding: 8rem 6rem 6rem 6rem;
  }

   #product h2{
    font-size: 2.4rem;
   }

    #product p{
      font-size: 0.9rem;
      }


    #product .main-product{
 border: 10px solid #171515;
width: 80%;
padding: 2.3rem 2.3rem 4rem 2.3rem;
}


#product .main-product .quresoft{
    width: 2.3rem;
}

   #product h3{
  font-size: 1.2rem;
   }

      #product .toy{
    width: 1rem;
   }

      #product .product-bg{
    position: absolute;
    width: 23rem;
    top: 5%;
    left: 3%;
  }    


        #product .previous-button{
        left: 3%;
    }

    #product .previous-button img{
        width: 2.5rem;
    }

    #product .next-button{
        right: 3%;
    }

    #product .next-button img{
        width: 2.5rem;
    }




  }






  @media (max-width: 1930px)  /*-----------23/24 inch laptop--------------*/
  and (min-width: 1820px){

   .navbar{
    padding: 1.5rem 20rem 1.5rem 20rem;
}

#main-banner{
    padding: 5rem 20rem 8rem 20rem;
    }

    #who-we-are{
    padding: 8rem 20rem 8rem 20rem;
}

#our-products{
    padding: 8rem 20rem 1rem 20rem;
    background: #FFFFFF;
}

#newsletter{
    padding: 2rem 14rem 6rem 14rem;
}

#our-vision{
    padding: 10rem 20rem 12rem 20rem;
}

#leadership-team{
    padding: 8rem 20rem 8rem 20rem;
}

  #contact-quresoft{
   padding: 8rem 20rem 6rem 20rem;
  }


  #product{
    padding: 10rem 20rem 8rem 20rem;
}
 


  }