/*--------------------------------------------------------------
## CUSTOM CSS MEDIA QUERY
--------------------------------------------------------------*/
@media screen and (max-width: 768px){
    .header-section .header-menu{display:none;}
    .header-section .header-menu button i{font-size: 30px;}
    .site-logo img{float:left; text-align:left; height:50px;}
    .site-actions {position: relative; margin-top: -35px; float: right;}
    .header-section.sticky-head .site-actions {margin-top: -35px;}
    .site-actions a {color: #333; font-size: 20px;}
    
    .navigation{overflow: scroll; z-index:999999;}
    .panel {position: relative; top: 0; width: 100%; height: auto; overflow: scroll;}
    .panel--left{right:0;}
    #accordian_menus h2{font-size:25px;}
	
	.home-products .owl-nav.disabled {display: block !important;}
	.home-products button.owl-prev {position: absolute;  top: 40%;  left: 3%;}
	.home-products button.owl-next {position: absolute;  top: 40%;  right: 3%;}
	.home-products button.owl-prev i, .home-products button.owl-next i {font-size: 35px;}
	
	.innerpage_banner.product_page {min-height: 150px;}
	.innerpage_banner.product_page .slider_content {top: 10%; left:5%; padding: 10px 20px;}
	.innerpage_banner.product_page .slider_content h2 {font-size: 30px;}
	.breadcrumbs.sticky-head{top:9%;}
	.product_content {display: block;  overflow: hidden;  clear: both; padding: 25px;}
	.product_content h2 {font-size: 35px; margin-top: 25px;}
	.product_description table { margin-bottom: 25px;}
	
	.slider_items img {margin-bottom: 25px;}
	.slider_content.custom {padding: 20px 40px;}
    
    .cta_content {left: 5%; padding: 100px 15px; right: 5%;}
    .cta_content p{font-size: 16px;}
    .info_box{margin-bottom:30px;}
    .newsletter_block input{width:100%; margin-bottom:5px;}
    .newsletter_block label.form-check-label{width:100%;}
    .newsletter_block input#checkbox_1{width:25%;}
    .newsletter_block label span{margin-left:30px;}
    .message-section h3{font-size:30px;}
    .blog-item-content {padding: 0px 30px;}
    .comments-area {padding: 25px 30px;}
    .comments-area .comment-form label{font-size: 13px; font-weight: 600;}
    .video-background iframe {aspect-ratio: 16 / 9; width: 100% !important; height: 50vh;  position: relative; top: 0; left: 0; transform: none;}
    .video-background, .video-background .video-overlay {height: 50vh;}
    
    .footer-section {padding: 100px 0 25px;}
    .footer-top, .footer-last{padding: 0px 30px;}
    .customer_service {margin-bottom: 30px; text-align: center;}
    .footer_socials {float: none; text-align: center; margin-top: 30px;}
    .footer_blocks {margin-bottom: 30px; text-align: center;}
    .copyrights-section {text-align: center;}
    .copyrights-section .right_block {text-align: center; margin-top: 20px;}
    .pcards {margin-top: 15px;}
}



@media screen and (max-width: 680px){
    .message-section{padding: 30px;}
    .slider_content {padding: 60px 50px;}
	.home-category-section .home_cats .owl-nav button.owl-prev{left:3%;}
	.home-category-section .home_cats .owl-nav button.owl-next{right:3%;}
    .home-pandora-section2 img {height: 200px; display:block; margin: 0 auto;}
    .home-pandora-section2 .pandora_content{padding: 20px; text-align:center;}
    .home-pandora-section2 .pandora_content h3{font-size:40px; margin: 10px 0;}
    .home-pandora-section2 .pandora_content p{font-size: 15px;}
    .home-category-section, .home-info-section{padding-bottom:0px;}
    .newsletter-section{padding:0px;}
    .video-background .content {display: none;}
    .video-background, .video-background .video-overlay, .video-background iframe {height: 50vh;}
	
	.product_category_section h3 {font-size: 24px;}
	.offcanvas-category-btn{font-size:16px; font-weight:600;}
	.product-grid { width: 85%;  margin: 0 auto;}
}



@media screen and (max-width: 580px){ 
	.custom-image img {margin: 0 auto; display: block;}
	.store-title {text-align: center;}
	.store-title h3 {font-size: 24px;  text-align: center; margin-top: 15px;}
	.store-sub_title {font-size: 14px;  text-align: center;  padding: 0px 30px;}
	.message-section h3 {font-size: 25px;  font-weight: 600;}
	.video-background, .video-background .video-overlay, .video-background iframe {height: 40vh;}
	.footer_blocks { text-align: center; }
}



@media screen and (max-width: 520px){ 
    .video-background, .video-background .video-overlay, .video-background iframe {height: 40vh;}
}



@media screen and (max-width: 480px){
    .video-background, .video-background .video-overlay, .video-background iframe {height: 35vh;}
}



@media screen and (max-width: 420px){ 
    .video-background, .video-background .video-overlay, .video-background iframe {height: 30vh;}
}