@media only screen and (max-width: 575.98px) {
	.rect_pic {
    height: auto;
    margin-bottom: 15px;
}
.square_pic {
    height: auto;
}
.square_pic img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.banner_area {
    height: auto;
}
.banner_area img {
    width: 100%;
     height: auto; 
    object-fit: cover;
}
.navbar-brand {
    max-width: 60px;
}
#ImgZoomBtn img{
	height:auto!important;
}
.menu ul li a {
 
    font-size: 16px;
   
}
.menu {
  
    width: auto!important;
}
.store_nav .nav-link {
  
    padding: 10px 18px;
  
}
#IconPlayBtn{
		 
		
			opacity: 1;
			
		}
	.menu-icon	{
		position: absolute;
    right: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {    
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
		.rect_pic {
    height: auto;
    margin-bottom: 15px;
}
.square_pic {
    height: auto;
}
.square_pic img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.banner_area {
    height: auto;
}
.banner_area img {
    width: 100%;
     height: auto; 
    object-fit: cover;
}
.navbar-brand {
    max-width: 60px;
}
#ImgZoomBtn img{
	height:auto!important;
}.menu ul li a {
 
    font-size: 14px;
   
}
.menu ul li i {
 
    font-size: 22px;
   
}
.menu {
  
    width: auto!important;
}
.store_nav .nav-link {
  
    padding: 10px 18px;
  
}
#IconPlayBtn{
		 
		
			opacity: 1;
			
		}
		.menu-icon	{
		position: absolute;
    right: 0px;
	}
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}