@media (max-width: 575px) {
    .logo{
        width: 120px;
    }
    .sideja{
        width: 42%;
    }
    .sna-assign{
        width: 52%;
    }
    .swiper-button-next{
        right: 0px !important;
    }
    .swiper-button-prev{
        left: -5px !important;
    }
    .swiper-button-next:after, 
    .swiper-button-prev:after{
        font-size: 30px !important;
    }
    .assignment-info-border{
        border-bottom: 1px white solid;
        border-right: 0px;
    }
}
@media (max-width: 767px) {
		.border-show {
    border-right: 0px #6a87ad dashed;
}
.border-end-bottom{
	 border-bottom: 1px #6a87ad dashed !important;
}
    .service-dropdown img{
        width: 10%;
     }
    .top-banner{
        padding-top: 90px;
    }
}
@media (min-width:576px) and (max-width: 1200px) {
    .how-round-2{
        width: 140px;
        height: 140px;
    }
}
@media (min-width:992px) and (max-width: 1200px) {
    .inner-text{
        width: 70%;
    }
}

@media (max-width: 991px) {

  .navbar-brand {
    margin-right: auto;
    padding-left: 10px;
  }

  .navbar-toggler:focus {
    box-shadow: none !important;
  }

  .fa-xmark,
  .close-menu {
    position: absolute;
    top: 25px;
    right: 20px;
    font-size: 25px;
    cursor: pointer;
  }

  .side-menu {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100vh !important;
    overflow-y: auto;
    background: white;
    padding: 20px;
    transition: 0.3s;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
  }

  .side-menu.show {
    left: 0;
    pointer-events: auto;
    opacity: 1;
  }

  .rating {
    height: 35%;
  }
}
@media (min-width:1200px){
    .inner-text{
        width: 50%;
    }
    .banner-girl{
        position: absolute;
        bottom: 0px;
        left: 4%;
        z-index: 10;
    }
    .samples-height{
       width: 300px;
    }
}
@media (min-width: 767px) {
		.border-show {
    border-right: 1px #6a87ad dashed;
}
.border-bottom-end{
	 border-bottom: 1px #6a87ad dashed;
}
    .discount-img{
        position: absolute;
        bottom: 0px;
    }
    .review .review-box{
        transition: transform 0.5s ease;
    }
    .review:hover .review-box{
        transform: scale(0.90) translateY(-10px);
    }
}
@media (min-width: 991px) {
    .small-width{
        width: 75%;
    }
}