Gecko [ gandhischool.edu.np ]

Name	Size	Permission
_bsd.scss	7.5 KB	-rw-rw-r--
_privacy-policy.scss	1.43 KB	-rw-rw-r--
_responsive.scss	9.13 KB	-rw-rw-r--
_terms-conditions.scss	610 B	-rw-rw-r--
style.scss	6.3 KB	-rw-rw-r--

Code Editor : _responsive.scss

.product-li{
    display: none !important;
  }
  .product:hover .product-li{
    display: block;
  }
  .product-li2{
    display: block !important;
  }
  .product-li3{
    display: none !important;
  }
/* Extra Small devices (phones) */
@media (max-width: 576px) {
    .product-li2{
        display: block;
    }
    .product-li{
        display: none !important;
      }
      .product:hover .product-li {
        display: none !important;
      }
    /* Styles for extra small screens */
    .sub-list{
        padding-left: 162px !important;
    }
  .sub-list1{
    padding-left: 51px !important;
  }
  .product-li{
    display: none !important;
  }
  .product-li2{
    display: block !important;
  }
    .background-header .logo {
        padding-top: 14px;
    }

.slider1 {
        margin-top: 220px !important;
        height: 295px !important;
        //    margin-bottom: 0px;
    }

.background-header .logo {
        padding-top: 14px;
    }

.our-portfolio .hidden-content {
        opacity: 100 !important;
        visibility: visible !important;
        margin-bottom: 0px;
        top: -180px !important;
    }

.our-portfolio .item:hover .showed-content {
        top: 0px;
    }

.our-portfolio {
        margin-top: 295px !important;
    }

.about-us .left-image {
        margin-right: 51px;
    }

.our-blog {
        margin-top: -150px !important;
    }

.main-banner .left-content h2 {
        font-size: 30px;
        font-weight: 700;
        color: rgb(42, 42, 42);
        line-height: 35px;
        margin-bottom: 25px;
    }

.about-us-content {
        display: flex !important;
        flex-direction: column;
        justify-content: center;

h4 {
            text-align: center;
            margin: 9px 0px !important;

}

P {
            text-align: center;
        }
    }

.about-us .services .item .icon {
        float: left;
        margin-right: 0px;
    }

.about-us-contentA {
        margin: 0px !important;
        padding: 0px !important;

P {
            padding: 0px !important;
            margin: 0px !important;
        }
    }

form#contact {
        margin-left: 0px !important;
        position: relative;
        background-color: transparent !important;
        padding: 0px;
        border-radius: 20px;
    }

.contact1-us {
        padding-top: 18PX !important;
    }

.main-banner {
        form {
            input::placeholder {
                color: transparent !important;
                /* Change the color */
                font-style: italic;
                /* Make it italic */
                font-size: 14px;
                /* Adjust the font size */
            }
        }
    }

.main-banner .left-content form button {
        width: 80%;
        position: relative;
        // right: 142px;
        // top: 10px;
        display: inline-block;
        // background-color: #fff;
        background: rgb(3, 164, 237);
        font-size: 15px;
        font-weight: 500;
        color: #fff !important;
        text-transform: capitalize;
        padding: 14px 25px;
        border-radius: 23px;
        letter-spacing: 0.25px;
        outline: none;
        border: none;

a {
            background-color: #fff;
            padding: 8px 25px;
            border-radius: 23px;
            transition: 0.4s;

&:hover {
                background-color: #f9f9f9;
            }

}
    }

.main-banner .left-content form input {
        display: none;
    }
    .product-li li a{
        padding-right: 50px !important;
    }
}

/* Small devices (tablets) */
@media (min-width: 576px) and (max-width: 767px) {
    .product-li2{
        display: block;
    }
    .product:hover .product-li {
        display: none !important;
      }
    .product-li{
        display: none !important;
      }
    .product-li{
        display: none !important;
      }
      .product-li2{
        display: block !important;
      }
    /* Styles for small screens */
    .sub-list{
        padding-left: 200px !important;
    }
    .sub-list1{
        padding-left: 162px !important;
      }
      
    .background-header .logo {
        padding-top: 14px;
    }

.about-us .left-image {
        margin-right: 120px;
    }

.our-portfolio .hidden-content {
        opacity: 100 !important;
        visibility: visible !important;
        margin-bottom: 0px;
        top: -180px !important;
    }

.our-portfolio .item:hover .showed-content {
        top: 0px;
    }

.our-portfolio {
        margin-top: 300px !important;
    }

.slider1 {
        margin-top: 220px !important;
        height: 295px !important;
        //    margin-bottom: 0px;
    }

.our-blog {
        margin-top: -150px !important;
    }

.about-us-content {
        display: flex !important;
        flex-direction: column;
        justify-content: center;

h4 {
            text-align: center;
            margin: 9px 0px !important;

}

P {
            text-align: center;
        }
    }

.about-us .services .item .icon {
        float: left;
        margin-right: 0px;
    }

.about-us-contentA {
        margin: 0px !important;
        padding: 0px !important;

P {
            padding: 0px !important;
            margin: 0px !important;
        }
    }

form#contact {
        margin-left: 0px !important;
        position: relative;
        background-color: transparent !important;
        padding: 0px;
    }

.contact1-us {
        padding-top: 18PX !important;
    }
    .product-li li a{
        padding-right: 50px !important;
    }
}

/* Medium devices (laptops, desktops) */
@media (min-width: 767px) and (max-width: 992px) {
    .product-li{
        display: block !important;
      }
       
      .product-li2{
        display: block !important;
      }
      .for-posation{
        position: relative;
    }
    .product-li{
        
        background-color: #FAFAFA !important;
        // position: absolute;
        // top: 40px;
        // left: 0px;
        padding: 0px !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        display: none ;
        opacity: 0;
    }
    .sub-list{
        border-bottom: 1px solid #0000001e !important;
    }
    
    .product:hover + .product-li {
        opacity: 1;
    }
    .product-li:hover{
        opacity: 1;
    }
    /* Styles for medium screens */
    .slider1 {
        margin-top: 120px;
        height: 295px;
    }

.our-portfolio .hidden-content {
        opacity: 100 !important;
        visibility: visible !important;
        margin-bottom: 0px;
        top: -180px !important;
    }

.our-portfolio .item:hover .showed-content {
        top: 0px;
    }

.our-portfolio {
        margin-top: 255px !important;
    }

.slider1 {
        margin-top: 220px !important;
        height: 295px !important;
        //    margin-bottom: 0px;
    }

.about-us .left-image {
        margin-right: 220px;
    }

.push-image {
        margin-bottom: 60px !important;
    }

.our-blog {
        margin-top: -125px !important;
    }

.main-banner .left-content h2 {
        font-weight: 700;
        color: rgb(42, 42, 42);
        margin-bottom: 25px;
    }
    
      .product-li{
        display: none !important;
      }
      .product:hover .product-li{
        display: block;
      }
}

/* Large devices (large desktops) */
@media (min-width: 992px) and (max-width: 1200px) {
    .product-li{
        display: block !important;
      }
      .product-li2{
        display: block !important;
      }
      .for-posation{
        position: relative;
    }
    .product-li{
        
        background-color: #FAFAFA !important;
        position: absolute;
        top: 40px;
        left: 0px;
        padding: 0px !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        display: none ;
        opacity: 0;
    }
    .sub-list{
        border-bottom: 1px solid #0000001e !important;
    }
    
    .product:hover + .product-li {
        opacity: 1;
    }
    .product-li:hover{
        opacity: 1;
    }
    /* Styles for large screens */
    .why-us-content {
        display: flex;
        flex-direction: column-reverse;
        align-items: end;

p {
            padding: 0px 0px 0px 180px;
        }

h4 {
            padding: 0px 0px 0px 180px;
        }
    }

}

/* Extra Large devices (extra-large desktops) */
@media (min-width: 1200px) {
    .product-li{
        display: none !important;
      }
      .product-li2{
        display: block !important;
      }
      .for-posation{
        position: relative;
    }
    .product-li{
        
        background-color: #FAFAFA !important;
        position: absolute;
        top: 40px;
        left: 0px;
        padding: 0px !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        display: none ;
        // opacity: 0;
    }
    .sub-list{
        border-bottom: 1px solid #0000001e !important;
    }
    
    .product:hover + .product-li {
        opacity: 1;
    }
    .product-li:hover{
        opacity: 1;
    }
    /* Styles for extra large screens */
    .product-li{
        display: none !important;
      }
      .product:hover .product-li{
        display: block;
      }
}

${this.title}

Code Editor : _responsive.scss