/* 
 * 	Responsive CSS File
 *	v1.0
 */

/* clearfix */
/********* @media min-width: 1530px **********/
 @media (min-width: 1530px) {
	.container {
        width: 1500px;
        max-width: 100%;
    }
    .col-xl-20per {
        max-width: 20%;
        flex: 0 0 20%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xl-40per {
        max-width: 40%;
        flex: 0 0 40%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xl-60per {
        max-width: 60%;
        flex: 0 0 60%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xl-80per {
        max-width: 80%;
        flex: 0 0 80%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media (min-width: 1530px) and (max-width: 1920px) {

	.col-width-20per {
        max-width: 20%;
        flex: 0 0 20%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
	.col-width-80per {
        max-width: 80%;
        flex: 0 0 80%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/********* @media (min-width: 1200px) and (max-width: 1529px) **********/
@media only screen and (min-width: 1200px) and (max-width: 1529px) {

	.container {
        width: 1170px;
        max-width: 100%;
    }
    .col-xl-20per {
        max-width: 20%;
        flex: 0 0 20%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xl-40per {
        max-width: 40%;
        flex: 0 0 40%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xl-60per {
        max-width: 60%;
        flex: 0 0 60%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xl-80per {
        max-width: 80%;
        flex: 0 0 80%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .float-right-imp {
    	float: right !important;
    }

	/*----- banner Css Start-----*/
	.banner-detail-inner p  {
		width: 560px;
	}
	/*----- banner Css End-----*/

	/*----------- shop-banner ------------*/
	.sub-banner .sub-banner-detail .sub-banner-title h3 {
	    font-size: 20px;
	} 
	/*----------- shop-banner End ------------*/

	/*----------- shop page banner ------------*/
	.shop-banner-title {
	    font-size: 30px;
	    margin-bottom: 0;
	} 
	/*----------- shop page banner End ------------*/

	/*-------------- grid-type & list-type ---------------*/
    .product-listing .col-xl-2 {
		max-width: 33.33%;
		flex: 0 0 33.33%;
	}
	.product-listing.list-type .inner-listing .item-width {
	    max-width: 100%;
	    flex: 0 0 100%;
	}
	/*-------------- grid-type & list-type End ---------------*/

	/*---------- About Page Css Start -------------*/
	/*---- About page-1 ----*/
    .brand img {
	    width: 130px;
	}
	/*---- About page-1 End----*/

	/*---- About page-3 ----*/
	.team-style3 ul li {
		display: block;
		text-align: center;
	}
	.team-style3 .team-img {
		display: inline-block;
	}
	.team-style3 .team-item .team-item-detail {
		margin-left: 0;
		margin-top: 20px;
		text-align: center;
	}
	/*---- About page-3 ----*/
	/*---------- About Page Css End -------------*/
    

} 

/********* @media (min-width: 1200px) **********/
@media (min-width: 1200px) {
	.content-dropdown {
	    display: none !important;
	}
	.menu-container {
	    margin: 0 auto;
	    width: 1170px;
	}
	.footer-static-block .footer-block-contant {
		display: block !important; 
	}

}

/********* @media (max-width: 1199px) **********/
@media (max-width: 1199px) {

	.container {
		padding: 0 15px;
	}
	.container-full-lg .container {
	    max-width: 100%;
	}

	/*------------------------ align & float Css Start--------------------------------*/
	.center-lg {
		text-align: center;
	}
	.left-lg {
		text-align: left;
	}
	.height-lg-0 {
		min-height: 0 !important;
	}
	.float-none-lg {
		float: none !important;
	}
	.float-left-lg {
		float: left !important;
	}
	.float-right-lg {
		float: right !important;
	}
	/*------------------------ align & float Css End--------------------------------*/
/*----- Padding top-bottom lg -----*/
	.ptb-lg-0 { padding: 0;	}

	/*----- Margin top lg -----*/
	.mt-lg-20 { margin-top: 20px; }
	.mt-lg-30 { margin-top: 30px; }

	/*----- Margin bottom lg -----*/
	.mb-lg-30 { margin-bottom: 30px; }
	
	/*----- Header Start ------*/
	.megamenu .level2 > a {
		margin-right: 0;
	}
	/*----- Header End ------*/

	/*----- banner Css Start-----*/
	.homepage .banner {
		min-height: 100%;
	}
	.banner .owl-buttons {
	    display: none;
	}
	.banner-detail .banner-detail-inner .banner-title {
	    font-size: 35px;
	    line-height: 30px;
	}
	.banner-detail .sub-title {
		font-size: 16px;
		line-height: 16px;
		margin-top: 10px;
	}
	.banner-detail .banner-detail-inner .slogan {
	    font-size: 20px;
	    margin-bottom: 15px;
	}
	.banner-detail .banner-detail-inner .slogan span {
		font-size: 22px;
	}
	.banner-detail-inner p {
		width: auto;
		font-size: 14px;
		line-height: 20px;
	}
	/*----- banner Css End-----*/

	/*----------- shop page banner ------------*/
	.shop-banner-title {
	    font-size: 25px;
	    margin-bottom: 0;
	} 
	/*----------- shop page banner End ------------*/

	/*------ offer clock ------*/
	.item-offer-clock ul li span {
		width: 44px;
	}
  	/*------ offer clock End------*/

  	/*---- home sidebar Css -----*/
  	.homepage .sidebar-title h3 {
  		font-size: 18px;
  		padding: 10px;
  	}
  	.homepage .sidebar-box .sidebar-contant {
	    border: none;
	    padding: 15px 0 0 0;
	}
	.product-slider .popular_slider .owl-prev,
	.product-slider .popular_slider .owl-next {
	   top: -37px;
	   width: 35px;
	}
	.product-slider .popular_slider .owl-prev {
	    right: 40px;
	}
	.product-slider .popular_slider .owl-next {
	  	right: 5px;
	}
	.feature-block {
		border: 1px solid #e1e1e1;
	}
	.service-box {
		padding: 20px 10px;
	}
  	/*---- home sidebar Css End -----*/
  	/*------ Sidebar Banner Css -------*/
    .sidebar-banner h2 {
      font-size: 22px;
      line-height: 25px;
    }
    .sidebar-slogan {
      font-size: 14px;
    }
    .offer-sale {
      font-size: 20px;
    }
    /*------ Sidebar Banner Css -------*/
  	
	/*----------- shop-banner ------------*/
	.shop-banner-title {
	    font-size: 25px;
	    margin-bottom: 0;
	} 
	/*----------- shop-banner End ------------*/

	/*--------  shorting ------------*/
	.shorting .show-item {
	    width: 100%;
	}
	/*--------  shorting End ------------*/

	/*-------------- grid-type & list-type ---------------*/
	.product-listing.list-type .inner-listing .item-width {
	    max-width: 100%;
	    flex: 0 0 100%;
	}
	/*-------------- grid-type & list-type End ---------------*/

	/*---------- About Page Css Start -------------*/
	.about-page2 .responsive-part {
	    padding-top: 80px;
	}
	.partner-style2 ul li img {
	    height: 90px;
	}

	/*---- Testimonial CSS End ----*/
	.style-01 .quote {
		border: none;
		padding: 20px 0 0;
	}
	.style-01 .client-img {
	    margin-right: 0;
	}
	/*---- Testimonial CSS End ----*/

	/*---- About page-3 ----*/
	.team-style3 ul li {
		display: block;
		text-align: center;
	}
	.team-style3 .team-img {
		display: inline-block;
	}
	.team-style3 .team-item .team-item-detail {
		margin-left: 0;
		margin-top: 20px;
		text-align: center;
	}
	/*---- About page-3 ----*/
	/*---------- About Page Css End -------------*/

	/*----- footer Css Start-----*/
	.footer-middle-part {
	    padding: 0 25px 70px;
	}
	/*----- footer Css End-----*/

}

/********* @media (min-width: 992px) **********/
@media (min-width: 992px) {
	.megamenu {
		display: block !important;
	}
	.mobilemenu-content {
	  	display: block !important;
	}
	.sidebar-box .sidebar-contant {
		display: block !important;
	}
	.footer .footer-static-block {
		display: block !important; 
	}
	.megamenu.full {
	    left: 0;
	    right: 0;
	}

}

/********* @media (min-width: 992px) and (max-width: 1199px) **********/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.content-dropdown {
	    display: none !important;
	}

	.megamenu.dropdown-reverse {
	    left: auto;
	    right: 0;
	}

	/*----------- shop-banner ------------*/
	.sub-banner .sub-banner-detail .sub-banner-title h3 {
	    font-size: 18px;
	    line-height: 20px;
	}
	.sub-banner .sub-banner-detail {
		left: 10px;
	}
	.sub-banner .sub-banner-offer {
		font-size: 14px;
	}
	/*----------- shop-banner End ------------*/

	 /*---------Sidebar Home CSS Start --------*/
		/*----sidebar-product Css -----*/
		.sidebar-item .pro-media {
		    padding: 0 10px 0 0;
		    width: 100px;
		}
	  	.sidebar-item .pro-detail-info {
		    width: 110px;
		}
		/*----sidebar-product Css End-----*/
		.ser-feature-block .service-box .ser-title {
			font-size: 16px;
		}
		.sidebar-box.sidebar-testimonial .sidebar-contant {
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 10px;
		}
		.sidebar-contant .testimonial-slider .owl-prev, .sidebar-contant .testimonial-slider .owl-next {
			top: -59px;
			margin-right: 3px;
		}
	/*---------Sidebar Home CSS End --------*/

	/*----- Tracking order Css Start-----*/
	.tracking-box {
		display: block;
		text-align: center;
	}
	.tracking-icon {
	    display: inline-block;
	    margin-right: 0;
	    margin-bottom: 20px;
	  }
	/*----- Tracking order Css End-----*/

	/*---- Footer -----*/
	.footer-static-block ul li {
	    padding: 5px 0;
	}
	.footer-static-block .footer-block-contant {
		display: block !important; 
	}
	/*---- Footer End -----*/
}


/********* @media (max-width: 991px) **********/
@media (max-width: 991px) {

	.container-full-sm .container {
	    width: 100%;
	    padding: 0 15px; 
	}

	/*------------------------ align & float Css Start--------------------------------*/
	.center-md {
		text-align: center;
	}
	.align-left-md {
		text-align: left;
	}
	.align-right-md {
		text-align: right;
	}
	.height-md-0 {
		min-height: 0 !important;
	}
	.float-none-md {
		float: none !important;
	}
	.float-left-md {
		float: left !important;
	}
	.float-right-md {
		float: right !important;
	}
	/*------------------------ align & float Css End--------------------------------*/

	/*----- Padding top-bottom -----*/
    .ptb-60 { padding: 40px 0; }
    .ptb-80 { padding: 65px 0; }

    /*----- Padding top-----*/
    .pt-60 { padding-top: 40px; }
    .pt-80 { padding-top: 65px; }

    /*----- Padding bottom-----*/
    .pb-60 { padding-bottom: 40px; }
    .pb-80 { padding-bottom: 65px; }

	/*----- Padding left-right md -----*/
	.plr-md-30 { padding: 0 30px; }

	/*----- Padding left md -----*/
    .pl-md-0 { padding-left: 0 !important; }

	/*----- Padding top-bottom md -----*/
	.pb-md-30 { padding-bottom: 30px; }

	/*----- Margin top-bottom md -----*/
	.mtb-md-10 { margin: 10px 0; }
	.mtb-md-20 { margin: 20px 0; }
	.mtb-md-30 { margin: 30px 0; }

	/*----- Margin top md -----*/
	.mt-md-20 { margin-top: 20px; }
	.mt-md-30 { margin-top: 30px; }
	.mt-md-40 { margin-top: 40px; }

	/*----- Margin bottom md -----*/
	.mb-md-15 { margin-bottom: 15px; }
	.mb-md-30 { margin-bottom: 30px; }

	/*------------------------ Newsletter PopUp -------------------------*/
	.newsletter-popup .newsletter-inner .main_title {
		font-size: 22px;
		line-height: 26px;
	}
	/*----------------------- Newsletter PopUp End -------------------------*/

	/*--------- Product quick-view-popup ---------*/
	.quick-view-popup .modal-dialog {
	    max-width: 750px;
	}
	/*--------- Product quick-view-popup End ---------*/

	/*-------------- Header ------------------*/
	header#header {
		position: relative;
	}
	.header-top, .header-middle  {
		padding: 0 15px;
	}
	.notification-section {
		display: none;
	}
	.top-right-link ul li {
	    font-size: 0;
	    line-height: 10px;
	    letter-spacing: 0;
	}
	.top-right-link ul li a span {
		margin-right: 0;
	}
	.top-right-link ul li a {
		padding: 0;
	}

	/*---------------- Login Register link dropdown ---------------*/
	.content-dropdown{
	    background: #fff none repeat scroll 0 0;
	    border-top: 3px solid #2084ff;
	    display: none;
	    opacity: 1;
	    position: absolute;
	    right: 0;
	    top: 30px;
	    width: 120px;
	    z-index: 4;
	    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	       -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	    -webkit-transition: all 0.4s ease 0s;
	       -moz-transition: all 0.4s ease 0s;
	        -ms-transition: all 0.4s ease 0s;
	         -o-transition: all 0.4s ease 0s;
	            transition: all 0.4s ease 0s;
	}
	.top-right-link ul li .content-dropdown ul li  {
	    font-size: 14px;
	    padding: 5px;
	    float: none;
	    border: none;
	    width: 100%;
	    text-align: left;
	    padding: 10px 20px 10px 10px;
	}
	.top-right-link ul li .content-dropdown ul li:hover {
	    background: #ebebeb;
	}
	.top-right-link ul li .content-dropdown ul li > a {
	   	color: #666666;
	}
	.top-right-link ul li .content-dropdown ul li:hover a {
	    color: #2084ff;
	}
	/*------------- Login Register link dropdown End -----------------*/

	/*-------------- Header  End------------------*/


	/*------------------------ banner Css Start--------------------------------*/
	.banner-mobile {
		display: block;
	}
	.main-banner .owl-controls .owl-buttons {
		display: none;
	}
	.banner-detail .banner-detail-inner .banner-title, 
	.banner .banner-detail .banner-detail-inner .banner-title span {
	    font-size: 25px;
	    line-height: 25px;
	}
	.banner-detail .banner-detail-inner .slogan {
	    font-size: 14px;
	    margin-bottom: 0px;
	}
	.banner-detail .banner-detail-inner .slogan span {
		font-size: 18px;
	}
	.banner-detail .sub-title {
	    font-size: 14px;
	}
	.banner .owl-carousel {
		overflow: hidden;
		padding-top: 0px;
	}
	/*------------------------ banner Css End--------------------------------*/

	/*---- home sidebar Css -----*/
	.product-slider .popular_slider .owl-prev,
	.product-slider .popular_slider .owl-next {
	   top: -40px;
	   width: 35px;
	}
	.product-slider .popular_slider .owl-prev {
	    right: 70px;
	}
	.product-slider .popular_slider .owl-next {
	  	right: 35px;
	}
	.sidebar-contant .testimonial-slider {
		padding-left: 20px;
		padding-right: 20px;
	}
	.sidebar-contant .testimonial-slider  .owl-prev, .sidebar-contant .testimonial-slider  .owl-next {
	    top: -60px;
	    width: 40px;
	    margin-right: 5px;
	}
	.sidebar-contant .testimonial-slider .owl-prev {
	    right: 55px;
	    left: auto;
	}
	.sidebar-contant .testimonial-slider .owl-next {
	    right: 15px;
	}
  	/*---- home sidebar Css End -----*/

  	/*------------------------ parallax Css Start--------------------------------*/
	.parallax-title{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 0;
	}
	.parallax-des {
		margin-top: 5px;
	    font-size: 18px;
	    line-height: 25px;
	}
	.parallax-subtitle {
		font-size: 20px;
		margin: 20px 0 5px;
	}
	/*------------------------ parallax Css End--------------------------------*/

  	/*------------------------ blog Css Start--------------------------------*/
  	.homepage .blog-media {
  		background: none;
  	}
	.homepage .blog-item:hover .blog-media img {
		opacity: 1;
	    -webkit-transform: scale(1);
	       -moz-transform: scale(1);
	        -ms-transform: scale(1);
	         -o-transform: scale(1);
	            transform: scale(1);
	}
	.homepage .blog-detail {
		background: none;
	    opacity: 1;
	    position: relative;
	    overflow: visible;
	    bottom: 0;
	    left: auto;
	    padding: 0;
	    z-index: 1;
	    text-align: left;
	    -webkit-transform: scale(1);
	       -moz-transform: scale(1);
	        -ms-transform: scale(1);
	         -o-transform: scale(1);
	            transform: scale(1);
	}
	.homepage .blog-item:hover .blog-detail {
	    opacity: 1;
	    -webkit-transform: scale(1);
	       -moz-transform: scale(1);
	        -ms-transform: scale(1);
	         -o-transform: scale(1);
	            transform: scale(1);
  	}
  	.homepage .blog-title > a, .homepage .post-info a, .homepage .post-date > span {
  		color: #292b2c
  	}
  	.homepage .post-date {
	    color: #2084ff;
	}
  	.post-info {
	    margin-bottom: 1px;
	}
	/*------------------------ blog Css End--------------------------------*/

	/*---------Sidebar CSS Start --------*/
	.sidebar-box .sidebar-contant {
		display: none;
	}
	.sidebar-box span.opener {
		background: url(../images/sprite.png) no-repeat scroll 0 0;
		height: 30px;
		width: 30px;
		display: inline-block;
		position: absolute;
		right: 0;
		cursor: pointer;
		z-index: 1;
	}
	.sidebar-box span.plus {
		background-position: -124px -378px;
	}
	.sidebar-box span.minus {
		background-position: -124px -416px;
	}
	.sidebar-box span.opener {
		top: 5px;
	}

	.homepage .sidebar-box span.plus {
		background-position: -92px -375px;
	}
	.homepage .sidebar-box span.minus {
		background-position: -92px -413px;
	}
  	/*---------Sidebar CSS End --------*/


  	/*------ Shop Page-2 shorting-style-2 Css Start---------*/
  	.shop-list .sidebar-box .sidebar-contant {
	    display: block;
	}
  	/*------ Shop Page-2 shorting-style-2 Css End ---------*/

  	/*--------- sticky Sidebar CSS Start --------*/
  	.sticky-wrapper .static-sidebar {
	    height: auto !important;
	}
	.sticky-wrapper .static-sidebar .inner-wrapper-sticky {
	    position: relative !important;
	    left: auto !important;
	    top: auto !important;
	    bottom: auto !important;
	    right: auto !important;
	    transform: none !important;
	    width: auto !important;
	}
  	/*--------- sticky Sidebar CSS End --------*/

  	/*---------- Account Page Css Start -------------*/
	.account-content {
		padding: 0;
	}
	.account-sidebar ul li.active a::after, .account-sidebar ul li:hover a::after {
		border-width: 0px;
	}
	.account-sidebar ul li.active a .fa, .account-sidebar ul li:hover a .fa {
		right: 15px;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}
	/*---------- Account Page Css End -------------*/

	/*------ Checkout Page CSS Start ---------*/
	.checkout-step ul li .step .line {
		display: none;
	}
  	/*------ Checkout Page CSS End ---------*/

	/*------------------------ About page Css Start--------------------------------*/
	.partner-style2 ul li {
	    padding: 0;
	}
	.about-page2 .responsive-part {
	    padding-top: 65px;
	}

  	/*--------- testimonial Css Start -----------*/
  	.style-03 .client-img {
  		margin-right: 0;
  		margin-bottom: 15px;
  	}
  	.style-03 .client-main .item .client-title {
	    float: none;
	    margin-top: 10px;
	}
  	.style-03 .quote {
	    text-align: center;
	}
	.testimonial-slider .owl-nav { 
		opacity: 0;
	    -webkit-transition: all 0.4s ease 0s;
	       -moz-transition: all 0.4s ease 0s;
	        -ms-transition: all 0.4s ease 0s;
	         -o-transition: all 0.4s ease 0s;
	            transition: all 0.4s ease 0s;
	}
	.testimonial-slider:hover .owl-nav { 
		opacity: 1;
	}

	.sidebar-contant .testimonial-slider .owl-nav {
		opacity: 1;
	}
  	/*--------- testimonial End --------------*/
	/*------------------------ About page Css End--------------------------------*/

  	/*------------------------ 404 error Css Start--------------------------------*/
	.error-block-bg {
	    background: none;
	}
	/*------------------------ 404 error Css End--------------------------------*/

	/*------------------------ footer Css Start--------------------------------*/
	.footer-middle-left {
		border: none;
	}
	.footer-middle-part {
	    border: none;
	    padding: 0 ;
	}
	.footer-static-block {
		position: relative;
		margin-bottom: 15px;
		border-bottom: 1px solid #e1e1e1;
	}
	.f-col:last-child .footer-static-block {
	    border-bottom: 0 none;
	    margin-bottom: 0;
	}
	.footer .title > span {
		display: none;
	}
	.footer-static-block .footer-block-contant {
		display: none;
		margin-bottom: 20px;
	}
	.newsletter-box {
	    margin-top: 0;
	}
	.footer-static-block span.opener {
		background: url(../images/sprite.png) no-repeat scroll 0 0;
		height: 30px;
		width: 30px;
		display: inline-block;
		position: absolute;
		right: 0;
		top: -3px;
		cursor: pointer;
		z-index: 1;
	}
	.footer-static-block span.plus {
		background-position: -92px -375px;
	}
	.footer-static-block span.minus {
		background-position: -92px -413px;
	}
	/*------------------------ footer Css End--------------------------------*/

}

/************************** header Mobile Menu @media Style Start ***************************/
@media (max-width: 991px) {

	/*-------------- Header ------------------*/

	.header-right-part {
		margin: 0 0 20px;
	}
	.header-bottom .container{
		padding: 0;
	}
	.header-bottom {
	    background: none;
	    width: auto;
	}

	/*-------------- header-middle right Part ---------------*/
	.header-link-dropdown::after {
		right: 5px;
	}
	.header-right-link > ul > li {
		margin-right: 15px;
	}
	.header-right-link > ul > li:last-child {
	    margin-right: 0;
	}
	.header-right-link > ul > li.cart-icon {
		margin-right: 10px;
	}
	.header-right-link > ul > li.cart-icon > a {
		border: none;
		padding: 0;
	}
	.header-right-link > ul > li.support-icon {
		display: none;
	}
	.header-right-link > ul > li > a span {
		width: 30px;
		height: 30px;
	}
	.header-right-link ul li.cart-icon > a span {
	    background-position: -54px -31px;
	}
	.header-right-link ul li.cart-icon:hover > a span {
	    background-position: -54px -65px;
	}
	.header-middle .header-right-link .search-box {
		display: block;
	}
	.header-right-link > ul > li.side-toggle {
		display: block;
	}
	.header-bottom .header-right-link .search-box {
		display: none;
	}
	/*-------------- header-middle right Part End---------------*/

	/*------------------------ Navbar Menu --------------------------------*/
	#menu {
	    overflow-X: hidden;
	    overflow-Y: auto;
	}
	.navbar-collapse.collapse {
		width: 250px;
	}
	.navbar-collapse {
	    background: #ffffff;
	    bottom: 0;
	    border-bottom: 0;
	    display: inline-block !important;
	    height: 100% !important;
	    left: -250px;
	    position: fixed !important;
	    top: 0 !important;
	    margin: 0 !important;
	    width: 250px;
	    z-index: 4;
	    -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	       -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	            box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	    -webkit-transition: all 0.4s ease 0s;
	       -moz-transition: all 0.4s ease 0s;
	        -ms-transition: all 0.4s ease 0s;
	         -o-transition: all 0.4s ease 0s;
	            transition: all 0.4s ease 0s;
	}
	.navbar-collapse.menu-open {
	    left: 0;
	}	
	.navbar-collapse > ul {
		margin: 0; 
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding: 10px 15px;
		color: #687188;
	}
	.navbar-nav > li:hover > a {
	    background: transparent;
	} 
	.navbar-nav > li.dropdown > a:after {
	    display: none;
	}
	.navbar-collapse ul.navbar-nav li.level {
	    border-bottom: 1px solid #e1e1e1;
	    display: block;
	}
	.nav > li .menu-label {
		display: none;
	}

	/* Menu */
	.navbar-collapse {
		padding: 0;
	}
	.nav > li:hover {
		overflow: hidden;
	}
	.megamenu {
		background-color: transparent;
		border-top: none;
		position: relative;
		left: auto;
		top: auto;
		margin-top: 0;
		visibility: visible;
		opacity: 1;
		box-shadow: none;
		padding: 0 0 0 30px;
	    -webkit-transition: all 0s ease 0s;
	       -moz-transition: all 0s ease 0s;
	        -ms-transition: all 0s ease 0s;
	         -o-transition: all 0s ease 0s;
	            transition: all 0s ease 0s;
	}
	.nav > li.level:hover .megamenu {
	    opacity: 1;
	    margin-top: 0;
	    visibility: visible;
	}
	.megamenu .level2 > a {
		position: relative;
		margin-bottom: 2px;
		color: #1b2839;
		font-size: 14px;
		font-weight: 500;
		text-transform: none;
	}
	.megamenu .level2 > a:before {
		content: "";
		font-family: FontAwesome;
		position: absolute;
		left: -11px;
	}
	.megamenu .megamenu-inner-top .level2 {
		margin-bottom: 15px;
	}
	/*------------------------ Navbar Menu End--------------------------------*/

	/*----- mobilemenu Start -----*/
	/*.mobilemenu {
	  	color: #ffffff;
	  	cursor: pointer;
	  	display: inline-block;
	  	font-size: 16px;
	  	padding: 4px 30px;
	  	top: 100px;
	  	width: 100%;
	}
	.mobilemenu-title.mobilemenu > span {
	    display: inline-block;
	    font-weight: 500;
	    padding: 0;
	    margin: 6px 0;
	    text-transform: uppercase;
	}
	.mobilemenu-title .fa {
	  	font-size: 18px;
	  	margin: 9px 0;
	  	padding: 0;
	  	float: right;
	}
	.mobilemenu-content {
	  	background: #ffffff;
	  	transition: none 0s ease 0s ;
	  	width: 100%;
	  	position: absolute;
	  	z-index: 1;
	  	display: none;
	    -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	       -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	            box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	}
	.mobilemenu-content ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.mobilemenu-content ul li.level {
	  	border-bottom: 1px solid #e1e1e1;
	  	display: block;
	  	width: 100%;
	  	position: relative;
	}
	.mobilemenu-content .navbar-nav li:last-child {
		border: none;
	}
	.mobilemenu-content ul li a {
	  	display: inline-block;
	  	font-size: 14px;
	  	font-weight: 500;
	  	line-height: 24px;
	  	width: 100%;
	}
	#menu-main .mobile-sub-menu {
		display:none;
	}
	#menu-main span.opener {
	    background:url(../images/sprite.png) no-repeat scroll 0 0; 
	    height: 25px; 
	    width: 25px; 
	    display: inline-block; 
	    position: absolute; 
	    right: 10px;
	    top: 7px;
	    cursor:pointer;
	    z-index: 1;
	}
	#menu-main span.plus {
		background-position: -117px -378px;
	}
	#menu-main span.minus {
		background-position: -117px -416px;
	}*/
	/*----- mobilemenu End -----*/

	/*----- sidebar category Menu -----*/
	.cat-dropdown .sidebar-contant ul li.level:hover {
		background-color: transparent;
	}
	.cat-dropdown .nav > li.level .megamenu {
	    left: 0 !important;
	    background-color: transparent;
	    padding: 0 40px;
	    margin-top: 0;
	    box-shadow: none;
	    border: 0;
	    -webkit-transition: all 0s ease 0s;
	       -moz-transition: all 0s ease 0s;
	        -ms-transition: all 0s ease 0s;
	         -o-transition: all 0s ease 0s;
	            transition: all 0s ease 0s;
	}
	.cat-dropdown .nav > li.level:hover .megamenu {
		margin-top: 0;
	}
	.btn-sidebar-menu-dropdown {
	    display: none;
	}
	.sidebar-menu-dropdown .cat-dropdown {
		display: block;
	}
	.sidebar-menu-dropdown .cat-dropdown::after {
		display: none;
	}
	.cat-dropdown .sub-megamenu a.page-scroll:before {
	    display: none;
	}
	.cat-dropdown .sidebar-contant ul li.level:last-child a {
	    padding-bottom: 10px;
	}
	#menu .level {
		position: relative;
	}
	#menu .mobile-sub-menu {
		display: none;
	}
	#menu span.opener {
		background: url(../images/sprite.png) no-repeat scroll 0 0;
		height: 25px;
		width: 25px;
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 8px;
		cursor: pointer;
		z-index: 1;
	}
	#menu span.plus {
		background-position: -124px -378px;
	}
	#menu span.minus {
		background-position: -124px -416px;
	}
	/*----- sidebar category End -----*/

}
/************************** header Mobile Menu @media Style  End***************************/


/********* @media (min-width: 768px) and (max-width: 991px) **********/
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/*------------------------ Newsletter PopUp -------------------------*/
	.subscribe-popup .modal-dialog {
    	max-width: 700px;
	}
	/*----------------------- Newsletter PopUp End -------------------------*/
	.top-right-link ul li a img {
		margin-right: 2px;
	}

	/*----- Account Page Css Start-----*/
	.order-details .modal-dialog {
		max-width: 700px;
	}
	/*----- Account Page Css End-----*/

}

/********* @media (max-width: 767px) **********/
@media (max-width: 767px) {

	/*------------------------ align & float Css Start--------------------------------*/
	.center-sm {
		text-align: center;
	}
	.left-sm {
		text-align: left;
	}
	.right-sm {
		text-align: right;
	}
	.height-sm-0 {
		min-height: 0 !important;
	}
	.float-none-sm {
		float: none !important;
	}
	.float-left-sm {
		float: left !important;
	}
	.float-right-sm {
		float: right !important;
	}
	/*------------------------ align & float Css End--------------------------------*/
	
	/*----- Padding top-bottom -----*/
    .ptb-80 { padding: 55px 0; }

    /*----- Padding top-----*/
    .pt-80 { padding-top: 55px; }

    /*----- Padding bottom-----*/
    .pb-60 { padding-bottom: 40px; }

    /*----- Padding top-bottom sm -----*/
	.p-sm-15 { padding: 15px; }

	/*----- Padding left sm -----*/
    .pl-sm-0 { padding-left: 0 !important; }

	/*----- Margin top-bottom sm -----*/
	.mtb-sm-10 { margin: 10px 0; }
	.mtb-sm-15 { margin: 15px 0; }
	.mtb-sm-20 { margin: 20px 0; }
	.mtb-sm-30 { margin: 30px 0; }

	/*----- Margin top sm -----*/
	.mt-sm-10 { margin-top: 10px; }
	.mt-sm-15 { margin-top: 15px; }
	.mt-sm-20 { margin-top: 20px; }
	.mt-sm-30 { margin-top: 30px; }

	/*----- Margin right sm -----*/
	.mr-sm-15 { margin-right: 15px; }

	/*----- Margin bottom sm -----*/
	.mb-sm-10 { margin-bottom: 10px; }
	.mb-sm-15 { margin-bottom: 15px; }
	.mb-sm-20 { margin-bottom: 20px; }
	.mb-sm-30 { margin-bottom: 30px; }
	.mb-minus-15 { margin-bottom: -15px; }

	
  	/*------------------------ button Css Start--------------------------------*/
	.btn, button {
		font-size: 14px;
		padding: 11px 12px;
	}
	.btn.btn-border {
	    padding: 8px 12px;
	}

  	/*------------------------ button Css End--------------------------------*/

	/*------------------------ Newsletter PopUp -------------------------*/
	.nl-popup-inner {
		margin: 10px;
		border: 2px solid #e1e1e1
	}
	.newslater-popup-detail {
		padding: 60px 10px;
	}
	/*----------------------- Newsletter PopUp End -------------------------*/

	/*--------- Product quick-view-popup ---------*/
	.quick-view-popup .modal-dialog {
    	max-width: 540px;
	}
	/*--------- Product quick-view-popup End ---------*/

  	/*---------- bread-crumb ----------*/
	.bread-banner {
		padding: 30px 0;
	}
	/*---------- bread-crumb ----------*/
	
	/*------------------------ banner Css Start--------------------------------*/
	.banner-detail .banner-detail-inner .banner-title {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.banner-detail .banner-detail-inner span.slogan {
	    margin-bottom: 5px;
	}
	.banner-detail .sub-title {
		margin-top: 0;
	}
	.banner-detail a.btn {
	    display: none;
	}
	.banner .owl-prev, .banner .owl-next,
	.banner .owl-prev:hover, .banner .owl-next:hover {
    	background:none !important;
	    height: 50px;
	    width: 30px;
	}
	.banner .owl-prev:hover::after, .banner .owl-next:hover::after {
		color: #2084ff;
	}
  	/*------------------------ banner Css End--------------------------------*/

  	/*------------ Daily Deals Css Start ------------*/
	.item-offer-clock ul li span {
	    width: 38px;
	}
	/*------------ Daily Deals Css End ------------*/

	/*---------- Shop Page Css Start --------*/
	.slidebar-open {
	    height: 30px;
	    margin-top: 3px;
	    margin-left: 20px;
	    padding: 0;
	    width: 85px;
	}
	.list-type .product-item figure {
		grid-template-columns: 195px 1fr;
	}
		/*-------------- grid-type & list-type ---------------*/
		.list-type .product-des p {
		    max-height: 60px;
		    overflow: hidden;
		    line-height: 20px;
		}
		/*-------------- grid-type & list-type ---------------*/

  	.pagination-bar {
	    display: inline-block;
	}
	/*---------- Shop Page Css End --------*/

	/*--------- product-page CSS Start --------*/

		/*------ Product Zoom Slider Start ------*/
		.gc-zoom.gc-zoom-inner {
		    display: none !important;
		}
		.gc-display-display, .gc-overlay-display {
			cursor: pointer;
		}
	  	/*------ Product Zoom Slider end ------*/
	  	/*--------- Comment CSS Start --------*/
	  	ul.child-comment {
	  		margin-left: 30px;
	  	}
	  	.show-num {
		    margin-right: 0px;
		    margin-bottom: 5px;
		}
	  	/*--------- Comment CSS End --------*/

	  	/*--------- product-page sticky Sidebar CSS Start --------*/
	  	.product-page-sticky .static-sidebar {
		    height: auto !important;
		}
		.product-page-sticky .static-sidebar .inner-wrapper-sticky {
		    position: relative !important;
		    left: auto !important;
		    top: auto !important;
		    bottom: auto !important;
		    right: auto !important;
		    transform: none !important;
		    width: auto !important;
		}
	  	/*--------- product-page sticky Sidebar CSS End --------*/

	/*--------------------- product-page CSS End ------------------*/

	/*------------------------ parallax Css Start--------------------------------*/
  	.parallax-subtitle {
  		display: none;
  	}
  	/*------------------------ parallax Css End--------------------------------*/

	/*----- Form Style Css Start ------*/
	.form-group {
	    margin-bottom: 15px;
	}
	 /*----- Form Style Css End------*/

	 /*------ Checkout Page CSS Start ---------*/
	.checkout-step ul {
		display: inline-block;
	}
	.checkout-step ul li {
		float: none;
		margin-bottom: 15px;
	}
	.checkout-step ul li:last-child {
		margin-bottom: 0;
	}
	.form-section .product-title h4 {
	    margin: 0;
	}
  	/*------ Checkout Page CSS End ---------*/

	/*----- Tracking order Css Start-----*/
  	.tracking-icon {
  		margin-right: 10px;
  	}
  	.traking-order.box-wrap {
  		padding: 30px 15px;
  	}
	/*----- Tracking order Css End-----*/

	/*---------- about page Start ----------*/
	.about-page2 .responsive-part {
	    padding-top: 55px;
	}
	.video-bg {
	    display: none;
	} 

  	/*----------- team Css Start ------------*/
	.team-item:hover {
	    background: none;
	} 
	.team-item:hover img {
	    opacity: 1;
	    transform: scale(1);
	}
	.team-item .team-item-detail {
	    bottom: 0;
	    opacity: 1;
	    position: relative;
	}
	.team-item:hover .team-item-detail {
		opacity: 1;
		bottom: 0;
	}
	.team-item .team-title {
	    color: #1b2839;
	    margin-top: 10px;
	} 
	.team-item .listing-meta {
	    color: #1b2839;
	}

	  	/*-------- team style2---------*/
		.team-style2 .team-item .team-item-detail {
		    background: none;
		}
		.team-style2 .team-item:hover .team-item-detail {
		    bottom: 0px;
		    padding: 0;
		}
	 	/*-------- team style2---------*/
  	/*--------- team Css End ------------*/
	/*---------- about page End ----------*/

	/*------------------------ 404 error Css Start--------------------------------*/
	.error-block-detail .main-error-text {
	    font-size: 200px;
	    line-height: 160px;
	    margin-bottom: 40px;
	}
  	/*------------------------ 404 error Css End--------------------------------*/
}

/********* @media (min-width: 576px) and (max-width: 767px) **********/
@media only screen and (min-width: 576px) and (max-width: 767px) {
	
	/*----- Account Page Css Start-----*/
	.order-details .modal-dialog {
		max-width: 600px;
	}
	/*----- Account Page Css End-----*/

}

/********* @media (max-width: 600px) **********/
@media (max-width: 600px) {

	.homepage h2.section_title {
		font-size: 18px;
	}

  	/*------------------------ banner Css Start--------------------------------*/
	.banner-detail .banner-detail-inner {
		border: none;
		padding: 0;
	}
	.banner-detail .banner-detail-inner span.slogan {
		background: none;
		border: none;
		padding: 0;
		margin-bottom: 0;
	    -webkit-border-radius: 0;
	       -moz-border-radius: 0;
	    	 -o-border-radius: 0;
	    		border-radius: 0;
	}
	.banner-detail .sub-title {
		display: none;
	}
  	/*------------------------ banner Css End--------------------------------*/

  	/*------------------------ Arrow Style Start--------------------------------*/
  	.product-slider .owl-prev, .product-slider .owl-next, 
  	#blog .owl-prev, #blog .owl-next,
  	.team-slider .owl-prev, .team-slider .owl-next {
  		top: -33px;
  	}
  	/*------------------------Arrow Style End--------------------------------*/

  	/*------------------------ parallax Css Start--------------------------------*/
  	.parallax-delail {
  		padding: 50px 0;
  	}
  	.parallax-subtitle {
  		display: none;
  	}
  	.parallax-title {
  		margin-top: 0;
  	}

  	/*------------------------ parallax Css End--------------------------------*/

  	/*------------------------ About page Css Start--------------------------------*/
	.partner-block ul li img {
	    height: 80px;
	}
	.partner-style2 ul li {
	    padding: 0;
	}
	/*---- About page-3 ----*/
	.team-style3 .team-item {
		padding: 10px 10px 30px 10px;
	}
	/*---- About page-3 ----*/

	/*------------------------  About page Css End--------------------------------*/
}


/********* @media (max-width: 575px) **********/
@media (max-width: 575px) {

	/*------------------------ heading & button Css Start--------------------------------*/ 	
	h2.section_title {
	    font-size: 20px;
	    line-height: 22px;
		margin-bottom: 15px;
	}
	.heading-h3, h3.sub-heading {
	    font-size: 16px;
	    line-height: 22px;
	} 
	/*------------------------ heading & button Css End--------------------------------*/

	/*------------------------ align & float Css Start--------------------------------*/
	.center-xs {
		text-align: center;
	}
	.left-xs {
		text-align: left;
	}
	.right-xs {
		text-align: right;
	}
	.height-xs-0 {
		min-height: 0 !important;
	}
	.float-none-xs {
		float: none !important;
	}
	.float-left-xs {
		float: left !important;
	}
	.float-right-xs {
		float: right !important;
	}
	/*------------------------ align & float Css End--------------------------------*/
	
	/*----- Padding top-bottom -----*/
    .ptb-80 { padding: 40px 0; }

    /*----- Padding top-----*/
    .pt-80 { padding-top: 40px; }

    /*----- Padding bottom-----*/
    .pb-80 { padding-bottom: 40px; }

	/*----- Margin top-bottom xs -----*/
	.mtb-xs-10 { margin: 10px 0; }
	.mtb-xs-15 { margin: 15px 0; }
	.mtb-xs-20 { margin: 20px 0; }
	.mtb-xs-30 { margin: 30px 0; }

	/*----- Margin top xs -----*/
	.mt-xs-10 { margin-top: 10px; }
	.mt-xs-15 { margin-top: 15px; }
	.mt-xs-20 { margin-top: 20px; }
	.mt-xs-30 { margin-top: 30px; }

	/*----- Margin bottom xs -----*/
	.mb-xs-10 { margin-bottom: 10px; }
	.mb-xs-15 { margin-bottom: 15px; }
	.mb-xs-20 { margin-bottom: 20px; }
	.mb-xs-30 { margin-bottom: 30px; }


	/*------------------------------------*/
	.owl-item.active:nth-child(odd) .item, .col-6:nth-child(odd) { 
		padding-left: 15px;
		padding-right: 10px;
	} 
	.owl-item.active:nth-child(even) .item, .col-6:nth-child(even) { 
		padding-left: 10px;
		padding-right: 15px;
	}

	.banner .owl-item.active:nth-child(odd) .item,
	.testimonial-slider .owl-item.active:nth-child(odd) .item { 
		padding-left: 0;
		padding-right: 0;
	} 
	.banner .owl-item.active:nth-child(even) .item, 
	.testimonial-slider .owl-item.active:nth-child(even) .item { 
		padding-left: 0;
		padding-right: 0;
	}

	/*------------------------ Newsletter PopUp -------------------------*/
	.newsletter-popup .newsletter-inner input {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.newsletter-popup-detail {
	    padding: 40px 10px;
	}
	/*----------------------- Newsletter PopUp End -------------------------*/

	/*--------- Product quick-view-popup ---------*/
	.quick-view-popup .modal-body {
	    padding: 0 10px;
	    margin:  20px 0;
	}
	.quick-view-inner {
	    padding: 0 10px;
	}
	/*--------- Product quick-view-popup End ---------*/

  	/*------------------------ header Css Start--------------------------------*/
	.header-top, .header-middle {
	    padding: 0 ;
	}
	.top-right-link.mobile {
	    padding: 0;
	    position: absolute;
	    width: 100%;
	}
	.top-right-link.mobile ul li {
	    border-right: 1px solid #e1e1e1;
	    float: left;
	    padding: 8px 0;
	    width: 33.33%;
	    text-align: center;
	}
	.top-right-link ul li > a span {
	    border: none;
	    padding: 0;
	}
	.top-right-link ul li.login-icon a span {
	    background-position: -53px -705px;
	}
	.top-right-link ul li.login-icon:hover a span {
	    background-position: -53px -705px;
	}
	.top-right-link ul li.track-icon a span {
	    background-position: -57px -732px;
	}
	.top-right-link ul li.track-icon:hover a span {
	    background-position: -57px -732px;
	}
	.top-right-link ul li.gift-icon a span {
	    background-position: -57px -756px;
	}
	.top-right-link ul li.gift-icon:hover a span {
	    background-position: -57px -756px;
	}
	.content-dropdown {
		left: 0;
		top: 35px;
	}
	ul.nav.navbar-nav {
	    margin: 35px 0 0;
	    width: 100%;
	    border-top: 1px solid #e1e1e1;
	}
	.header-top.mobile {
		background: #2084ff;
	    padding: 0;
	}
	.language-currency .ui-selectmenu-button span.ui-selectmenu-text {
		color: #ffffff;
	}
	.language-currency .ui-state-default, 
	.language-currency .ui-widget-content .ui-state-default, 
	.language-currency .ui-widget-header .ui-state-default {
	    width: 48% !important;
	}
	.language-currency .ui-selectmenu-button span.ui-selectmenu-text {
	    padding: 10px 15px;
	}
	.ui-selectmenu-menu #language-menu, .ui-selectmenu-menu #currency-menu {
		position: fixed;
	}
	.mobilemenu {
		padding: 4px 15px;
	}
	.navbar-header .navbar-brand {
	    padding: 20px 0;
	}
	.navbar-brand img {
	    height: 40px;
	}
	.header-right-link {
		top: -130px;
	}
	.header-right-link > ul > li {
	    padding: 15px 0;
	}
  	/*------------------------ header Css End--------------------------------*/

  	/*------------------------ banner Css Start--------------------------------*/
  	.banner-detail .banner-detail-inner .banner-title, 
	.banner .banner-detail .banner-detail-inner .banner-title span {
		margin-bottom: 0;
	}
	.banner-detail .banner-detail-inner .slogan {
		margin-bottom: 0;
	}
  	/*------------------------ banner Css End--------------------------------*

	/*------------ Daily Deals Css Start ------------*/
	.item-offer-clock ul li span {
	    width: 34px;
	}
	/*------------ Daily Deals Css End ------------*/

  	/*------- Shop page Css Start -------------*/
  	.product-listing.list-type .col-6:nth-child(2n+1),  
  	.product-listing.list-type .col-6:nth-child(2n) {
  		padding-left: 15px;
  		padding-right: 15px;
  	}

	.list-type .product-item figure {
	    grid-gap: 20px;
	    grid-template-columns: 175px 1fr;
	}
  	/*------- Shop page Css End -------------*/

  	/*---------- Shop Page-2 shorting-style-2 Css Start --------*/
  	.sidebar-block.shop-list {
  		width: 260px;
  		left: -260px;
  	}
	.sidebar-block.shop-list.menu-open {
	    left: 0;
	}
	.slidebar-open.btn-color.btn {
	    margin-left: 0;
	    text-align: center;
	    width: 32px;
	    height: 32px
	}
	.slidebar-open.btn-color.btn.closemenu > span {
	    font-size: 0;
	    line-height: 0;
	    padding: 0;
	}
	.slidebar-open i {
		width: 25px;
		height: 25px;
		margin-top: 0;
	}
	.slidebar-open.fa-bar i {
	  background-position: -130px -743px;
	}
	.slidebar-open.fa-closed i {
	  background-position: -129px -766px;
	}
  	/*------- Shop Page-2 shorting-style-2 Css End -----------*/

	/*------ Product-page details Start ------*/
  	.product-detail-main .product-item-details .product-title {
  		font-size: 18px;
  	}
  	.product-detail-main .price-box .price {
  		font-size: 20px;
  	}
	/*------ Product-page details End ------*/
	
  	/*---------- Comment Css Start --------*/
  	.product-detail-tab {
  		box-shadow: none;
  		padding: 0;
  	}
  	/*------- Comment Css End -----------*/

  	/*--------- single-post blog Css Start ---------*/
  	.single-post-nav .media {
	    display: none;
	}
	.single-post-nav h3.sub-heading {
		font-size: 14px;
	}
  	/*--------- single-post blog Css End -----------*/

  	/*------------------------ Arrow Style Start--------------------------------*/
  	.product-slider .owl-prev, .product-slider .owl-next,
  	.team-slider .owl-prev, .team-slider .owl-next {
  		top: -25px;
  	}
  	.homepage .product-slider .owl-prev, .homepage .product-slider .owl-next {
  		top: -33px;
  	}
  	/*------------------------Arrow Style End--------------------------------*/

  	/*---- Commun table CSS Start -----*/
  	.cart-item-table .table tbody tr td, .cart-total-table .table tbody tr td {
  		padding: 15px;
  	}
  	/*---- Commun table CSS End -----*/

  	/*-------- Payment page Css Start -----*/
  	.card-body.card-bg {
  		padding: 20px 15px;
  	}
  	#credit_card .payment ul li:first-child {
  		padding-left: 0;
  	}
  	/*-------- Payment page Css End -----*/

  	/*----------------- about page Css Start ------------------*/
  	.heading-part-desc h3.heading {
  		font-size: 16px;
  	}
	.about-page2 .responsive-part {
	    padding-top: 40px;
	}
	/*----------------- about page Css End ------------------*/

  	/*------------------------ 404 error Css Start--------------------------------*/
	.error-block-detail .main-error-text {
	    font-size: 150px;
	    line-height: 120px;
	    margin-bottom: 30px;
	}
	.error-small-text {
	    font-size: 30px;
	}
	.error-slogan {
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 20px;
	}
  	/*------------------------ 404 error Css End--------------------------------*/

}

/********* @media (min-width: 420px) and (max-width: 575px) **********/
@media only screen and (min-width: 420px) and (max-width: 575px) {

	/*------ Product-page details Start ------*/
	.single-product-icon a i.icon {
		margin: 0 5px;
	}
	/*------ Product-page details End ------*/

}


/********* @media (max-width: 500px) **********/
@media (max-width: 500px) {

 	/*------------------------ newslater-popup Css Start--------------------------------*/
	#newslater-popup .newsletter-inner p {
	    padding: 0 15px;
	}
	/*------------------------ newslater-popup Css End--------------------------------*/

	/*------------------------ banner Css Start--------------------------------*/
	.banner-detail .banner-detail-inner .banner-title, 
	.banner .banner-detail .banner-detail-inner .banner-title span {
		font-size: 16px;
	}
	.banner-detail .banner-detail-inner .slogan span {
	    font-size: 14px;
	}
  	/*------------------------ banner Css End--------------------------------*/

  	/*--------- Sub Banner Css Start -------------*/
  	.sub-banner .sub-banner-detail {
  		left: 10px;
  	}
	.sub-banner .sub-banner-detail .sub-banner-title h3 {
	    font-size: 16px;
	    line-height: 20px;
	    margin-bottom: 0px;
	}
	.sub-banner .sub-banner-offer {
	    font-size: 16px;
	}
	/*--------- Sub Banner Css End -------------*/

  	/*------------------------ product detail Css Start--------------------------------*/
	.main-label {
	  font-size: 12px;
	}

	.sale-label, .new-label {
	  padding: 0 4px;
	}

	.main-label.sale-label:before, .main-label.new-label:before {
	  display: none;
	}
	/*------------------------ product detail Css End--------------------------------*/

  	/*------------ Daily Deals Css Start ------------*/

  	.daily-deals .owl-item.active:nth-child(2n) .item,
  	.daily-deals .owl-item.active:nth-child(2n+1) .item {
  		padding-left: 15px;
  		padding-right: 15px;
  	}
  	/*------------ Daily Deals Css End ------------*/

	/*------------------------ brand logo Css Start--------------------------------*/
	.brand .item {
  		border-right: none;
  	}
	.brand .item img {
	    border: 2px solid #e1e1e1;
	    padding: 0 30px;
	    opacity: 1;
      	-webkit-border-radius: 5px;
           -moz-border-radius: 5px;
           	 -o-border-radius: 5px;
              	border-radius: 5px;
	}
  	/*------------------------ brand logo Css End--------------------------------*/


	/*----------------- about page Css Start------------------*/
  	/*--------- team Css Start -------------*/
	.team-item .team-title {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 5px;
	}
	.team-item .social_icon ul li {
	    display: inline-block;
	    margin: 0 2px;
	}
	.team-item .social_icon ul li i.fa {
		width: 20px;
		font-size: 18px;
		height: 20px;
	}
	.team-item .social_icon ul li a i.fa.fa-facebook:hover {
	    background: rgba(0,0,0,0);
	    color: #3b5998;
	}
	.team-item .social_icon ul li a i.fa.fa-twitter:hover {
	    background: rgba(0,0,0,0);
	    color: #00aced;
	}
	.team-item .social_icon ul li a i.fa.fa-dribbble:hover {
	    background: rgba(0,0,0,0);
	    color: #f7679a;
	}
	.team-item .social_icon ul li a i.fa.fa-pinterest:hover {
	    background: rgba(0,0,0,0);
	    color: #cb2027;
	}
  	/*-------- team Css End -------------*/

  	.team-style3 .team-item {
		padding: 0;
		border: none;
	}
	/*----------------- about page Css End ------------------*/

	/*------------------------ footer Css Start--------------------------------*/
	.instagram .instagram-banner {
		width: 180px;
		height: 30px;
	}
  	.payment ul li {
	    padding: 0 2px;
	}
	/*------------------------ footer Css End--------------------------------*/

}

/********* @media (max-width: 419px) **********/
@media (max-width: 419px) {
	/*------------------------ header Css Start--------------------------------*/
	.navbar-brand img {
	    height: 30px;
	}
	.header-right-link > ul > li:hover {
		position: static;
	}
	.header-right-link .header-link-dropdown {
		right: -20px;
	}
	.header-right-part {
	    padding: 0 0 0 0;
	}
	.navbar-toggle:hover {
		color: #e65927 !important; 
	}
	#header button i.fa {
	    font-size: 18px;
	}
	.header-right-link > ul > li:hover > a span {
		background-color: transparent !important;
		color: #e65927 !important; 
	}
	.header-right-link > ul > li:last-child {
	    padding-left: 0;
	}
	.header-link-dropdown::after {
	    right: 65px;
	}
	.category-dropdown {
		display: none;
	}
	header .search-box input.input-text {
	    -webkit-border-radius: 25px;
	       -moz-border-radius: 25px;
	    	 -o-border-radius: 25px;
	    		border-radius: 25px;
	}
	.compare-icon, .wishlist-icon {
	    display: none;
	}

	/*------------------------ header Css End--------------------------------*/


	/*------------------------ banner Css Start--------------------------------*/
	.banner-detail .banner-detail-inner span.slogan{
		font-size: 12px;
		line-height: 16px;
	}
	.owl-carousel button.owl-dot {
		width: 12px;
		height: 12px;
		margin-right: 5px;
	}
	.owl-carousel button.owl-dot.active {
		width: 20px;
	}
	.banner .owl-dots {
	    margin-bottom: 0;
	}
	/*------------------------ banner Css End--------------------------------*/

  	/*------- Product Tab Style---------*/
  	.product-tab {
  		text-align: center;
  	}
	.product-tab ul li {
		padding: 0 10px;
	}
	.product-tab ul li a {
		font-size: 16px;
	}
	.product-slider.tab_content .owl-prev, .product-slider.tab_content .owl-next {
		top: -30px;
	}
	.product-slider.tab_content .owl-prev {
		right: auto;
		left: 0;
	}
	.product-slider.tab_content .owl-next {
		right: 0
	}
	.product-slider.tab_content .owl-next::before {
		display: none;
	}
  	/*------- Product Tab Style End---------*/

	/*------------------------ product detail Css Start--------------------------------*/
/*	.product-detail-btn, .product-icon.addcart-btn, .on_sale {*/
.product-detail-btn, .product-icon.addcart-btn{
		display: none;
	}
	.product-title {
		margin-bottom: 3px;
	}
	.product-item.sold-out::after {
	    font-size: 12px;
	    padding: 5px 9px;
	    top: 40%;
	    text-transform: capitalize;
	}
	/*------------------------ product detail Css End--------------------------------*/

	/*----------- Shop Page Css Start --------------*/
	.list-type .product-item figure {
		display: block;
	}

		/*-------------- grid-type & list-type ---------------*/
		.product-listing.list-type .product-item {
			display: block;
		}
		.product-listing.list-type .product-item-details {
			padding-left: 0;
		}
		.product-listing.grid-type .product-icon.addcart-btn,
		.product-listing.grid-type .product-detail-btn {
		    display: none;
		}
		/*-------------- grid-type & list-type ---------------*/

		/*---------- Shop Page shorting Css Start --------*/
		.short-by > span, .shorting .show-item > span {
		    display: none;
		}
		/*---------- Shop Page shorting Css End --------*/

		/*---------- Shop Page-2 shorting-style-2 Css Start --------*/
		.shorting.shorting-style-2 .view {
			margin-right: 5px;
		}
		/*---------- Shop Page-2 shorting-style-2 Css End --------*/

	/*----------- Shop Page Css Start --------------*/


	/*--------------- Product-page Css -----------------*/

		/*------ Product-page details ------*/
		.review-btn ul li a {
			margin: 0 8px;
		}
		.single-product-icon a span {
			display: none;
		}
		.single-product-icon .addcart-btn a span {
			display: block;
		}
		/*------ Product-page details ------*/

		/*---------- Comment Css Start --------*/
	  	.product-detail-tab .nav > li > a {
	  		padding: 3px 10px;
	  		font-size: 14px;
	  	}
	  	/*--------- Comment Css End -----------*/

	  	/*---- Accordion Product Description Start -----*/
	  	#size_fit .product-info, #size_fit .pro-value {
			display: block;
		}
	  	/*---- Accordion Product Description End -----*/

	/*--------------- Product-page Css ------------------*/

	/*--------- single-post blog Css Start -------------*/
	.single-post .blog-title {
		font-size: 25px;
	}
  	/*--------- single-post blog Css End -------------*/

  	/*-------- Payment page Css Start -----*/
  	.card-wrapper .jp-card-container {
    	width: 260px !important;
    -webkit-transform: scale(1) !important;
       -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
         -o-transform: scale(1) !important;
            transform: scale(1) !important;
	}
  	.card-wrapper .jp-card {
	    min-width: 250px !important;
	}
  	/*-------- Payment page Css End -----*/
  	.box-wrap {
		padding: 15px;
	}

	/*-----------About page Css Start ----------------*/
	.partner-style2 ul li img {
	    height: 55px;
	}

	/*--------- team Css Start ---------------*/
	.team-style3 .team-item .social_icon ul li {
		margin: 0;
	}
	.team-style3 .team-item .social_icon ul li i.fa {
		width: 28px;
		height: 28px;
		font-size: 14px;
		line-height: 28px;
		margin: 0;
	}
	/*---------- team Css End --------------*/

	/*----------- brand Css Start --------------*/
	.brand img {
	    width: 110px;
	}
	.partner-block .brand {
		padding: 10px 0;
	}

	/*---------- brand Css End ----------------*/

	/*----------  About page Css End ------------------*/

	.form-section .box-wrap {
		padding: 15px;
	}

  	/*------------ 404 error Css Start -------------*/
	.error-block-detail .main-error-text {
	    font-size: 100px;
	    line-height: 80px;
	}
  	/*------------ 404 error Css End ------------------*/

	/*------------------------ footer Css Start--------------------------------*/
	.f-logo img {
	    height: 25px;
	}
	.footer-bottom .site-link li a {
	    padding: 0 6px;
	}
	ul.social-icon li i.fa {
		padding: 0 5px;
	}
	/*------------------------ footer Css End--------------------------------*/

}