/*
Version: 1.0
Author: Symlink Technology
Author URI: https://www.symlinktech.com/.
*/



@media screen and (min-width: 1900px) {
	
}
@media screen and (min-width: 1500px) {
	
}
@media screen and (min-width: 1400px) {
	
}

@media screen and (max-width: 1280px) {
	
}


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 990px) {
}


@media screen and (max-width: 800px) {
}


@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px) and (orientation: portrait) {
	header .top-sec .top-nav-list li{margin-right: 10px;}
	header .top-sec .top-nav-list.top-nav-right a{font-size: 12px;}
	header .top-sec .top-nav-list.top-nav-right{margin-right: 40px;}
	footer .footer-logo a img{max-width: 160px;}
	footer .text{font-size: 12px; margin-bottom: 10px; height: 32px !important; overflow: hidden !important; text-overflow: ellipsis !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;}
	footer .contact-info-list{margin-top: 30px; display: table; width: 100%;max-width: 300px;margin: 0 auto;}
	footer .contact-info-list li{ display: block; float: left;width: calc(100% - 20px); margin: 0 10px;}
	footer .contact-info-list li .icon{width: 30px; height: 30px;margin-right: 10px;}
	footer .contact-info-list li .icon i { font-size: 24px;line-height: 30px;}
	footer .contact-info-list li .content{line-height: 10px;}
	footer .contact-info-list li .content span{font-size: 12px;}
	footer .contact-info-list li.location .content{line-height: 12px;}
	footer .contact-info-list li.contact{font-size: 16px;padding-bottom: 10px;}
	footer .contact-info-list li.mail{font-size: 14px;padding-bottom: 10px; text-align: center;margin-bottom: 0;}
	footer .contact-info-list li.mail .content{ margin-top:0; text-align: center;}
	footer .contact-info-list li.social-sec{margin-top: 15px;}
	footer .contact-info-list li.social-sec .social-link{display: flex; justify-content: space-around;}
	footer .contact-info-list li.social-sec .social-link li{margin: 0 5px;}
	.product-details #ninja-slider ul, .product-details #thumbnail-slider{height: 335px !important;}
	.product-details #thumbnail-slider ul li {height: 98px !important;}
	.product-display .owl-carousel .item .img-container{height: 215px;}
	.product-listings .list-container .product-list li{ width: calc(25% - 10px);}
	.product-listings .list-container .product-list .item .img-container{height: 220px;}
	.cart-container{max-width: 400px;}
	.owl-carousel .item .img-container{height: 140px;}
	.banner .carousel{max-height: 300px;}
	.banner .carousel-inner .carousel-item{height: 300px;}
	.banner .list-group{max-height: 300px;}
	.banner .list-group .list-group-item h4{margin-top: 5px; margin-bottom: 5px;}
	.page-testimonial .img-container{height: 150px;}
	.card-design .card_holder{height:300px}
	.card-design .card_container{height:300px;}
	.card-design .front{width:210px;height:300px;}
	.card-design .back{width:210px;height:300px;}
	.card-design .inside{width:210px;height:300px;}
	.card-design .kinetic{height:300px!important;}
	.product-details #ninja-slider.landscape ul, .product-details #thumbnail-slider.landscape{height: 190px !important;}


}
@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px) and (orientation: landscape) {
	header .top-sec .top-nav-list.top-nav-right{margin-right: 40px;}
	footer .contact-info-list li.mail{font-size: 14px;}
	footer .contact-info-list li .content span{font-size: 14px;}
	.product-details #ninja-slider ul, .product-details #thumbnail-slider{height: 375px !important;}
	.product-details #ninja-slider.landscape ul, .product-details #thumbnail-slider.landscape{height: 210px !important;}
	.product-details #thumbnail-slider ul li {height: 110px !important;}
	.product-display .owl-carousel .item .img-container{height: 192px;}
	.product-listings .list-container .product-list li{ width: calc(20% - 10px);}
	.cart-container{max-width: 400px;}
	.owl-carousel .item .img-container{height: 120px;}
	.card-design .card_holder{height:300px}
	.card-design .card_container{height:300px;}
	.card-design .front{width:210px;height:300px;}
	.card-design .back{width:210px;height:300px;}
	.card-design .inside{width:210px;height:300px;}
	.card-design .kinetic{height:300px!important;}
}
@media screen and (max-width: 767px) {
	header .top-sec .top-nav-list{ margin:5px 0;}
	header .top-sec .brand{border-bottom: 1px solid #eee; max-width: none; padding: 10px 60px;}
	header .bottom-sec{ display:none;position: absolute; top: 100%; left: 0; background: #fff; width: 100%;box-shadow: rgba(0,0,0,0.1) 0px 5px 5px;}
	header .top-sec .top-nav-list.top-nav-right{ display:table; width: 100%;}
	header .top-sec .top-nav-list li{float: left;}
	header .top-sec .top-nav-list li span{ display:none;}
	header .top-sec .top-nav-list li.menu-toggler{display:block;}
	header .top-sec .top-nav-list li.signin,header .top-sec .top-nav-list .user-menu{float: right;}
	header .top-sec .search-sec{margin-top:1px;}
	header .top-sec .search-sec .form-control{padding: 6px 12px;}
	header .top-sec .search-sec .input-group .btn span{ display:none;}
	header .bottom-sec .bottom-nav-list{ display: block;margin: 5px 0;}
	header .bottom-sec .bottom-nav-list li a{padding: 8px 15px;font-size: 14px;color: #212121;}
	header .bottom-sec .bottom-nav-list .menu-dropdown{position: relative; box-shadow: none;padding: 0 15px;}
	header .bottom-sec .bottom-nav-list li .caret-ico{ float:right;}
	header .top-sec .top-nav-list .user-menu{ position:unset;}
	header .top-sec .top-nav-list .user-menu-dropdown{border-top: 1px solid #eee;width: 100%;}
	header .top-sec .top-nav-list .user-menu-dropdown-list li{ float: none;}
	footer .contact-info-list li.contact{font-size: 22px;}
	footer .contact-info-list li.mail{font-size: 18px;}
	footer .pre-footer .back-to-top{ margin:0 -15px;}
	footer form{ margin-bottom: 30px;}
	footer .link-sec{margin-bottom: 30px;}
	
	
	.title-sec h5{font-size: 20px;}
	.title-sec h5:after{width: 50px;}
	.product-details #thumbnail-slider{ display: none;}
	.product-details #ninja-slider{ width:100%;left: 0;margin-top: 30px; margin-bottom: 20px;}
	.product-details .breadcrumb{position: absolute; top: -500px;left: 0; width: 100%; padding: 0 15px;}
	.product-display .owl-carousel .owl-nav{top: -30px;}
	.product-display .owl-carousel .item .img-container{height: 207px;}
	.product-listings .list-container .product-list li{ max-width: calc(50% - 10px);}
	.product-listings .list-container .product-list .item .img-container{height: 212px;}
	.checkout-page .checkout-user-details .content label.control-label{ text-align:left;}
	footer .copyright-sec{display: none;}
	footer .copyright-sec2{display: block;}
	
	.card-design .card_holder{height:300px}
	.card-design .card_container{height:300px;margin: 0 auto 30px; width: 210px;}
	.card-design .front{width:210px;height:300px;}
	.card-design .back{width:210px;height:300px;}
	.card-design .inside{width:210px;height:300px;}
	.card-design .kinetic{height:300px!important;}
	.title-sec.text-center h5:after, .title-sec.text-center h5:before{width: 50px;}
	
	.product-listings .list-container .product-list li.mask{width: calc(50% - 10px);}

	.content-section.design .rjs-divider{border-left: unset !important;margin-top: 	50px;}
	.product-category .item .img-container{height: 130;overflow: hidden;}
	.product-category .item .title{height: calc(100% - 130px); line-height:1;}
	.content-section.design .title-sec.text-right{text-align:left !important; }
	.content-section.design .title-sec.text-right h5:after{left : calc(100% + 20px);right: auto;}
}

@media screen and (max-width:767px) and (orientation:portrait){
	.banner{padding: 20px;/*margin-top: 20px;*/}
	.banner .carousel{max-height: none;margin-left: -10px; margin-right: -10px;}
	.banner .list-group{display: flex;flex-direction: row;height: 50px;}
	.banner .list-group .list-group-item{width: 20%; height: 50px; border: none !important; border-right: 1px solid #ddd !important;border-bottom: 1px solid #ddd !important; padding: 5px; margin: 0; text-align: center;}
	.banner .list-group .list-group-item h4{ font-size: 0;}
	.banner .list-group .list-group-item:after{position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: auto; background: none; line-height: 48px; font-size: 24px;font-weight: 600;}
	.banner .list-group .list-group-item:nth-child(1):after{ content: "01"; display: block;}
	.banner .list-group .list-group-item:nth-child(2):after{ content: "02"; display: block;}
	.banner .list-group .list-group-item:nth-child(3):after{ content: "03"; display: block;}
	.banner .list-group .list-group-item:nth-child(4):after{ content: "04"; display: block;}
	.banner .list-group .list-group-item:nth-child(5):after{ content: "05"; display: block;}
	.owl-carousel .item .img-container{height: 220px;}
	.page-testimonial .img-container{height: 200px;}
	.faq .title-sec h5{max-width: 80%;}
	.product-details #ninja-slider.landscape ul, .product-details #thumbnail-slider.landscape{height: 280px !important;}
}

@media screen and (max-width: 767px) and (orientation: landscape){
	header .top-sec .brand{ text-align: center;}
	header .top-sec .brand a img{max-width: 50px;}
	.product-display .owl-carousel .item .img-container{height: 213px;}
	.product-details #ninja-slider{margin: 0;}
	.product-details #ninja-slider ul, .product-details #thumbnail-slider{height: 205px !important;}
	.product-details .breadcrumb{position: relative;top: 0;left: 0; width: 100%;padding: 0;}
	.product-listings .list-container .product-list li{ width: calc(33.33% - 10px);}
	.product-listings .list-container .product-list .item .img-container{height: 218px;}
	.banner .carousel{margin-left: -50px; margin-right: -50px;}
	.page-testimonial .img-container{height: 150px;}
	footer .footer-logo a .img-container{max-width: 50px; height: 50px;}
	footer .footer-logo a .content{width: calc(100% - 60px);height: auto;}
	footer .footer-logo a .content h4{font-size: 24px;margin-top: 0;}
	.product-details #ninja-slider.landscape ul, .product-details #thumbnail-slider.landscape{height: 100px !important;}
	
}


@media screen and (max-width: 580px){
	
}


@media screen and (max-width: 479px) {
	.product-listings .list-container .product-list li.mask{width: calc(100% - 10px);}
}



@media screen and (max-width: 359px) {
	
}

@media only screen  and (max-device-width: 359px) and (orientation: portrait) {
	
}
@media only screen  and (max-device-width: 568px) and (orientation: landscape) {
}