/*responsive grid*/

@media (max-width: 2500px){
    #colsenav {
        display: none;
    }

    .search-m{display: none;}

    .social-btn span{
        margin-left: 60px;
    }

    .pic-title{
        top: 80%;}
    
   .pic-title-1{
            top: 30%;}

  .pic-title-2{
        top: 63%;}
}

@media (max-width: 1440px){

    .pic-title{
        top: 80%;}
    
   .pic-title-1{
            top: 30%;}

  .pic-title-2{
        top: 63%;}

    
}

@media (max-width: 1170px){
    .nic-menu-md{width: 640px;}
   
}

@media (max-width: 1024px){

    .pic-title-2 h5 {
        font-size: 16px;
    }
    
    .pic-title h3 {
        font-size: 22px;
    }

    .pic-title-1 h3 {
        font-size: 22px;
    }

    .miss-hding h3 span {
        width: 69%;
  } 

  .miss-hding-1 h3 span {
    width: 74%;
} 
}

@media (max-width: 991px){

    .miss-hding h3 span{
        width: 60%;
    }

    .miss-hding-1 h3 span {
        width: 65%;
    }
    #slide-navbar-collapse {
        position: fixed;
        top: 0;
        left: 0px;
        z-index: 99;
        width: 280px;
        height: 100%;
        background-color: #383737;
        overflow: auto;
      }

      .navbar-light .navbar-nav .nav-link {
        padding-left: 0rem !important;
        color: #fff !important;
        
    } 
    
    .navbar-light .navbar-nav .nav-item {
    text-align: left;
     border-bottom: 1px solid #9a9a9a;
}
    
    .nav-icon{
    text-align: left;
    }
    
    .btn-log{
        margin: 10px 7px;
    }
    
    .btn-sign{
        margin: 10px 7px;
    }

    .navbar-nav {
        margin-top: 3rem;
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    #colsenav {
        display: block;
    }

    .navbar-light .navbar-nav .nav-link:hover{
        color: #fff !important;
    }

    .click{padding-left: 1rem !important;
        padding-right: 1rem !important;}

    .search-m{display: block;}

    .search{display: none;}

    .hvr-underline-from-center:before{background-color: #f15b2400;
        height: 0px;}

        .footer-colm{
            padding-left: 0px;
        }
.bs4-order-tracking li {
            width: 50%;       
}
.bs4-order-tracking {
    padding-left: 0px;
}

.sticky{
 z-index: 0;
}

.cus-menu .dropdown-menu {
    left: 0px;
}

.cus-menu{
       text-align: left;
    margin-top: 20px;
    margin-left: 25px;
     margin-right: 25px;
}

.cus-menu a {
    color: #ffffff;
}

.cus-menu .dropdown-item {
    color: #000;
}

.ab-width {
    max-width: 100%;}
    
.pri-box {
    max-width: 100%;    
}
.pro-right-1 {
    max-width: 100%;
}
.con-right {
    max-width: 100%    
}

.mc .carousel .testimonial {
    padding: 30px 30px 0px;
}
}

@media (max-width: 960px) {
	.nic-menu-sm,
	.nic-menu-md,
	.nic-menu-lg,
	.nic-menu-xl,
	.nic-menu-mega { width: 100% !important; }
}

@media (max-width: 768px){

    .pic-title{
        top: 56%;}
    
   .pic-title-1{
            top: 7%;}

  .pic-title-2{
        top: 33%;}

.pro-tab ul li a {
    padding: 8px 0px;
    max-width: 100%;
}
}


@media (max-width: 767px){
    .box{padding-left: 15px;}

.box-1{padding-right: 15px;}

.box-3{padding-right: 15px;}

.box-4{padding-left: 15px;}

.itm{
    margin: 10px 0;
}

.pic-title{
        top: 70%;}
    
   .pic-title-1{
            top: 10%;}

  .pic-title-2{
        top: 70%;}

.pic-title-2 h5 {
    font-size: 22px;

}

.out-1{
    display: block;
    max-width: 50%;
    text-align: center;
    margin: 0px auto;
}

.out{
    display: none;
}

.miss-hding h3 span{
    width: 74%;
}

.miss-hding-1 h3 span {
    width: 76%;
}

.mtop {
    margin: 60px 0 20px;
}

.left-menu {
    padding: 0px 0px;
    margin: 0px 0;
}

.mc .carousel .img-box {
    left: 10px;
} 

.s-width img{
       max-width: 100%; 
}

.all-pic{
    margin: 25px 0px 0px;
}

}

@media (max-width: 550px){
    .miss-hding h3 span{
        width: 70%;
    }

}




@media (max-width: 575px){
    .footer-colm{
        width: 100%;
        margin-bottom: 10px;
    }

}

@media (max-width: 480px){
    .miss-hding-1 h3 span {
        width: 73%;
    }
    
.testimonial {
    line-height: 18px;
    font-size: 15px;
} 

.mc .carousel .testimonial {
    padding: 25px 20px 0px;
}

}

@media (max-width: 467px){

    .miss-hding h3 span {
        width: 65%;
  } 

  .miss-hding-1 h3 span {
    width: 70%;
}
	
}


@media (max-width: 404px){

    .pic-title{
        top: 60%;}
    
   .pic-title-1{
            top: 6%;}

  .pic-title-2{
        top: 60%;} 

    .miss-hding h3 span {
            width: 60%;
    }  
    
    .miss-hding-1 h3 span {
        width: 64%;
    }

}


@media (max-width: 376px){

  

}
	


@media (max-width: 320px){
    .social-btn span {
        margin-left: 25px !important;}


    
   .miss-hding h3 span {
         width: 53%;
   } 

   .miss-hding-1 h3 span {
    width: 60%;
}

    .testimonial {
    line-height: 17px;
    font-size: 14px;
}

.mc .carousel .testimonial {
    padding: 15px 20px 0px;
}

}

@media (min-width: 576px){
    .modal-sm-1 {
        max-width: 380px;
    }