@media screen and (max-width:767px){
    .imgRel {
        position: relative;
        height: 300px;
        object-fit: cover;
    }
    .bg-app{
        height: unset;
    }
    .overlay{
        width: unset;height: 237px;
    }
    .masthead{
        margin-top: 0px;
		height:330px;
		min-height:330px;
    }
	#section-2{padding:0px;margin-top:32px;}
	.mast-abt-head{
		min-height:330px;
	}
	.shop-banner{
		min-height:330px;
	}
    .navbar-nav .nav-item.active{
         width: 100%;
      }
      
    .pos-abs .font-weight-light{
        font-size: 20px;
    }
    .pos-abs .text-style-1{
        font-size: 15px;
    }
    .curt-xsL{
        padding-right: 0px;
    }
    .curt-xsR{
        padding-left: 0px;
    }
    .Pdt-Block .row{
        margin-bottom: 30px;
    }
    .bord-block{
        height: unset;
    }
    /*footer*/
    .foot-para{
        padding-bottom: 30px;
    }
    /*footer*/
    .free-appoint {
        font-size: 20px;
    }


    /*about*/
    .overlayAbt{
        height: 433px;top: -23px;
        left: 26px;width: unset;
        right: 24px;
    }
    .imgRelAbt{
        height: 502px;
    }
    .bg-collection{
        height: 457px;
    }
    .overlayCollect .text-Lay {
        font-size: 25px;
    }
    .bg-Prov .mt-5{
        margin-top: 0px!important;
    }
    .btn-Discover{
        font-size: 14px;
    }

    /*profile*/
    .row-year{
        margin-left: 0px;
    }
    .row-year .circle-Block{
        background: none;
    }
    .bg-profile{
        height: unset;background: #292626;
    }
    .row-year .circle-Block{
        margin-bottom: 139px;
    }
    .circle-Block .text-white{
      text-align: center;margin-top: -9px!important;margin-left: 20px!important;
       
    }
    .block-circle::after{
        position: absolute;
    content: "";
    height: 135px;
    width: 1px;
    top: 30px;
    right: 20px;
    background: #fff;
    }
    
    /*profile*/

    /*about*/

    /*shop*/
    a.shop-LinkCenter{
        font-size: 20px;width: 87%!important;text-align: center;
    }
    .shop-LinkCenter .fa {
         float: unset;
    }
    /*shop*/
    
}

@media screen and (min-width:768px) and (max-width:900px){
    .bord-block{
        height: 300px;
    }
    .navbar-expand-md .navbar-nav .nav-link{
        font-size: 11px!important;
    }
    .free-appoint {
        font-size: 28px;
    }
    .bg-app .btn-header{
        width: 100%;padding-left: 12px!important;padding-right: 12px!important;
    }
    ul.foot-links li a .fa {
        font-size: 22px;
    }
    #we-manufacture .text-style-1{font-size: 14px;}

     /*about*/
     .overlayAbt{
        top: -23px;
    left: 27px;
    right: 27px;width: unset;
    }

    /*profile*/
    .row-year{
        margin-left: 0px;
    }
    .circle-Block .text-white{
        margin-left: 0px;text-align: left;
    }
    .profPara {
        font-size: 12px;
    }
    .yearText {
        font-size: 20px;
    }
    /*profile*/
    /*about*/
    
    /*shop*/
    a.shop-LinkCenter{
        font-size: 20px;width: 87%!important;text-align: center;
    }
    .shop-LinkCenter .fa {
         float: unset;
    }
    /*shop*/

}
@media screen and (min-width:901px) and (max-width:992px){
    .navbar-expand-md .navbar-nav .nav-link{
        font-size: 11px!important;
    }
    .circle-Block .text-white{
        margin-left: 0px;text-align: left;
    }
    /*shop*/
    a.shop-LinkCenter{
        font-size: 20px;width: 87%!important;text-align: center;
    }
    .shop-LinkCenter .fa {
         float: unset;
    }
    /*shop*/
}
@media screen and (min-width:901px) and (max-width:1000px){
    .free-appoint {
        font-size: 28px;
    }
    .bord-block{
        height: 300px;
    }
    
     /*about*/
     .overlayAbt{
        top: -23px;
    left: 27px;
    right: 27px;width: unset;
    }
    .circle-Block .text-white{
        margin-left: 0px;text-align: left;
    }
    
    /*shop*/
    a.shop-LinkCenter{
        font-size: 20px;width: 87%!important;text-align: center;
    }
    .shop-LinkCenter .fa {
         float: unset;
    }
    /*shop*/
    /*about*/
}
@media screen and (min-width:768px) and (max-width:1040px){
    .overlay{
        width: unset;
    }
    .circle-Block .text-white{
        margin-left: 0px;text-align: left;
    }
    .profPara {
        font-size: 12px;
    }
    .yearText {
        font-size: 20px;
    }
    .row-year{
        margin-left: 0px;
    }
    .circle-Block .text-white{
        margin-left: 0px;text-align: left;
    }
}

@media screen and (min-width:1001px) and (max-width:1199px){
      
    /*about*/
    .overlayAbt{
        top: -23px;
    left: 27px;
    right: 27px;width: unset;
    }
    .circle-Block .text-white{
        margin-left: 0px;text-align: left;
    }
    /*about*/

    
    /*shop*/
    a.shop-LinkCenter{
        font-size: 20px;width: 87%!important;text-align: center;
    }
    .shop-LinkCenter .fa {
         float: unset;
    }
    /*shop*/

}