@media only screen and (min-width: 1400px){
.product_category li {
    width: 15%;
    list-style: none;
    margin-left: 15px;
    opacity: 0.6;
    height: 23.5vh!important;
    margin-top:25px;
}
.product_category li:hover {
    opacity: 1;
    border: 3px solid #ff6f61;
    border-radius: 5px;
}

.two_balloons {
    position: absolute;
    width: 10%!important;
    left: 35%;
    top: 40%;
}
}
@media only screen and (min-width: 1700px){
    .product_category li {
    width: 14%;
    list-style: none;
    margin-left: 15px;
    opacity: 0.6;
    height: 19.5vh!important;
    margin-top:25px;
}
.product_category li:hover {
    opacity: 1;
    border: 3px solid #ff6f61;
    border-radius: 5px;
}
.two_balloons {
    position: absolute;
    width: 10%!important;
    left: 37%;
    top: 33%;
}
.footer {
    display: flex;
    justify-content: space-between;
    width: 67%;
    margin: auto;
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
}
}
@media only screen and (min-width: 1800px){
    .product_category li {
    width: 18%;
    list-style: none;
    margin-left: 15px;
    opacity: 0.6;
    height: 23.5vh!important;
    margin-top: 25px;
}
.product_category li:hover {
    opacity: 1;
    border: 3px solid #ff6f61;
    border-radius: 5px;
}
.section-products1 {
    height: 82vh!important;
    padding: 35px 0;
    overflow: hidden;
}
.footer {
    display: flex;
    justify-content: space-between;
    width: 55%;
    margin: auto;
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
}
}
@media (max-width: 1707px) and (min-width: 1517px){
    .footer {
    display: flex;
    justify-content: space-between;
    width: 74%;
    margin: auto;
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
}
.design {
    color: #ff6f61;
    text-decoration: unset;
    font-size: 17px;
    font-weight: 700;
}
.happy_customer_star1 {
    display: flex;
    padding-left: 0;
}
.happy_customer_star1 p {
    padding-right: 10px;
    margin-bottom: 0px;
    padding-left: 10px;
}
.empty {
    padding-bottom: 17px;
    margin-top: 20px;
}
.tesimonial {
    background: url(../images/client-testimonial.png);
    background-size: cover;
    margin-top: 0px;
}
.school_bag{
    padding-top: 0;
}
.account_icon{
        padding-left: 80%;
}
.happy_customer {
    display: flex;
    padding: 0;
}
}
@media (max-width: 2041px) and (min-width: 1821px){
    .footer {
    display: flex;
    justify-content: space-between;
    width: 62%;
    margin: auto;
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
}
.tesimonial {
    background: url(../images/client-testimonial.png);
    background-size: cover;
    margin-top: 0px;
}
.section-products {
    height: 53vh;
    padding: 35px 0;
    overflow: hidden;
}
.school_bag{
    padding-top: 0;
}
}


@media only screen and (max-width: 480px){
.happy_customer {
    display: block;
}
.visible{
  display:block;
}
.visible1{
  display:none;
}
.our_store {
    padding-top: 15px;
}
.search-box {
    font-size: 30px;
    padding: 0px 17px;
    border: 1px solid #c1c1c1;
    background-color: white;
    width: 100%;
    border-radius: 10px;
    transition: 0.2s;
}
.logo_center {
    text-align: center;
    padding: 20px 0;
}
.happy_customer li {
    text-align: center;
    width: 92%;
    list-style: none;
    border: none;
    padding: 30px 0;
    background: #ff6f61;
    border-radius: 10px;
    margin-left: 15px;
}
.section-products .list-products {
    display: block;
}
.section-products {
    height: auto;
    padding: 20px 0;
    overflow: hidden;
}
.section-products .product {
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 30px;
    transition: box-shadow 0.2s linear;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.section-products .product .img-product {
    max-width: 100%;
    display: block;
    transition: transform 0.2s ease-in;
    margin: auto;
}
.mobile{
	padding-top: 0;
}
.mobile_product{
	padding-bottom: 15px;
}
.stationery {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 25px;
}
.balls {
    margin-top: -18px!important;
}
.tesimonial {
    background: url(../images/client-testimonial.png);
    background-size: cover;
    margin-top: 0px;
}
.happy_customer_star1 li {
    width: 90%;
    list-style: none;
    border: 1px solid #ff6f61;
    padding: 10px;
    border-radius: 10px;
    margin-right: 15px;
    margin-bottom: 20px;
}
.mobile_testimonial{
	padding:10px;
}
.contact_submit {
    background-color: #ff6f61;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    width: 70%;
    font-weight: 500;
    font-size: 17px;
    margin-top: 15px;
    margin: 20px auto;
    display: block;
}
.footer a {
    padding-left: 0%;
    text-decoration: unset;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.subscribe_button {
    height: 6.5vh;
    margin-top: 6px;
    background: #ff6f61;
    border: none;
    color: #fff;
    font-weight: 500;
    border-radius: 0px 5px 5px 0;
}
.footer {
    display: flex;
    justify-content: space-between;
    width: 93%;
    margin: auto;
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
}
.contact_text {
    background: #ff6f61;
    padding: 9px;
}
.contact_text div {
    padding-left: 0px;
    padding-top: 20px;
}
.end_footer {
    text-align: center;
    display: block;
    padding: 15px 0;
}
section {
    padding: 20px 0px 30px;
}
.c1{
	padding-bottom:0px;
}
.happy_customer_star1{
  display: block;
}
.banner_text {
    position: absolute;
    top: 10%;
    right: 27%;
}
.banner_text h2 {
    font-size: 28px;
    color: #ff6f61;
    padding-bottom: 0;
}
.banner_text button {
    width: 100%;
    margin: auto;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 2px solid #ff6f61;
    border-radius: 5px;
    background: transparent;
    color: #ff6f61;
    font-weight: bold;
    cursor: pointer!important;
}
.offer {
    position: absolute;
    top: 1%;
    right: 25px;
    padding: 5px 20px 5px 20px;
    background-color: #ff6f61;
    border-radius: 25px;
    color: #fff;
    font-weight: 500;
}
.about_us {
    display: block;
    padding: 0;
}
.left {
    width: 100%;
}
.right {
    width: 100%;
    padding-left: 0px;
}
.mission {
    display: block;
    padding: 0;
}
.mission li {
    width: 100%;
    list-style: none;
    padding: 50px;
    border-radius: 5px;
}
.our_vision {
    border: 3px solid #ff6f61;
    margin-top: 25px;
    margin-left: 0;
    background: #fdefef;
}
.inspiring_school {
     margin-left: 0px; 
     margin-top: 25px; 
}
.Imaginative {
    color: #000!important;
    font-size: 25px!important;
    font-weight: bold;
}
.two_balloons {
    position: absolute;
    width: 24%!important;
    left: 76%;
    top: 37%;
}
.product_category {
    display: block;
    padding: 0;
}
.product_category li img {
    width: 100%;
    border-radius: 5px;
    margin-top: -25px;
    height: 380px;
}
.sliders img {
    min-width: 339px !important;
    /* max-width: 500px; */

}
.big_images img{
    margin-left: -7px;
    width: 100%;
}
.big_image img{
    margin-left: -73px;
    width: 100%;
}
.product_category li{
    width:100%;
    list-style: none;
    margin-left:15px;
    opacity: 0.6;
    height: 50px !important;
    margin-bottom: 340px;
  }

.product_sipper div {
    position: absolute;
    bottom: 18%;
    left: 42%;
}
.product_option {
    padding: 10px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-top: -52px;
}
.category_select {
    display: block;
    margin: 0;
}
.category_select li p {
    color: #8c8c8c;
    margin: 0;
}
.category_select li {
    list-style: none;
    text-align: center;
}
.school_supplies p {
    font-weight: 500;
    color: #fff;
}
.school_supplies h5 {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
}
.mt-5 {
    margin-top: 0rem!important;
}

.mobile_products{
    margin-top:30px!important;
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%!important;
}
.my_cart {
    text-align: center;
    display: flex;
}
.cancel_button {
    padding: 0px 20px 2px 20px;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
    color: #8c8c8c;
    margin-right: 25px;
    height: 5vh;
}
.pay_securely {
    padding: 6px 45px 8px 30px;
    background: #ff6f61;
    color: #fff;
    border: none;
    border-radius: 5px;
    display: inline-flex;
}
.place-order-button {
    padding: 6px 6px 6px 6px;
    border: none;
    background: #ff6f61;
    border-radius: 5px;
    margin-left: 7px;
    color: #fff;
}
.school_supplies {
    position: absolute;
    bottom: -32%;
    left: 41%;
}
.thermos{
        position: absolute;
    bottom: -80%;
    left: 37%;

}
.sipper{
    position: absolute;
    bottom: -35%;
}
.bag{
    position: absolute;
    bottom: -125%;
}
.school{
    position: absolute;
    top: 1950px;
    left: 95px;
}
.grid-70-30 {
    display: block;
}
.grid-50-50 {
    display: block;
}
.get_form_inner {
    display: block;
    padding: 50px 10px;
    background: #fff;
    box-shadow: -4px -2px 20px -7px #cfd5df;
}
.get_say_social-icn {
    display: flex;
    position: absolute;
    bottom: 0px;
}
.google_map{
  width:335px;
  height:450px;
}
.client_testimon {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    width: 95%!important;
    margin-top: 18px!important;
    margin: auto;
}
.mobile_width{
    width:100%!important;
}
.login_head {
    padding: 30px 1rem 2rem 1rem!important;
}
.log_img {
    text-align: center;
    display: none;
}
.profile_shadow{
  box-shadow: 0px 0px 7px #ff6f61;
  border-radius: 20px;
  width: 90%!important;
  margin: auto;
}
.login_padding {
    padding: 45px 20px 0 20px!important;
}
.carousel-caption {
    left: 35% !important;
    bottom: 12% !important;
    width: 36%;
    top: 15%;
}
.carousel-caption h2 {
    font-size: 26px;
    color: #ff6f61;
    margin: 0;
    line-height: 0;
    text-align: center;
}
.carousel-caption .mr3 {
    margin-right: 0 !important;
}
.carousel-caption .mt-3 {
    margin-top: 0 !important;
}
.carousel-caption button {
    width: 100%;
    display: block;
    padding: 6px 8px 6px 8px !important;
    border: 2px solid #ff6f61;
    border-radius: 5px;
    background: transparent;
    color: #ff6f61;
    font-weight: bold;
    position: relative;
    z-index: 100;
    cursor: pointer !important;
}
}