452

@media (min-width: 768px) {

	.dropdown-menu {

		top: 120%;

		opacity: 0;

		visibility: hidden;

		z-index: 1000;

		display: unset;

		background-color: #ffffff;

		margin: 0;

		border: none;

		border-radius: 0;

		-webkit-transition: all 0.5s ease-in-out;

		transition: all 0.5s ease-in-out;

	}

	.dropdown:hover .dropdown-menu {

		 opacity: 1;

		 visibility: visible;

		 top: 100%;

	}

}

@media (max-width: 1199px) {

    .event-data-wrap {

        margin-left: 0;

        margin-right: 20px;

    }

    .media-press {

        margin-left: 0;

        max-width: 140px;

    }

    .blog-post-category form {

        width: 100%;

    }

    .hotitem_only {

        width: 100%;

    }

    .hotitem_only li {

        margin-left: 0;

    }

    .product-categories li {

        margin-left: 0;

    }

    .company-logo {

        max-width: 100px;

    }

    .product-popup {        

        left: 96%;

        width: 340px;

    }

    .footer-top-inner {

        padding: 70px 0 15px 80px;

    }

    .cart-list li {

        padding-left: 0;

    }

}

@media (max-width: 992px) {

    .searchform {

        right: 40px;

    }

    .content-row {

        display: block!important;

    }

    .top-widget-wrap ul {

        max-width: 100%;

    }

    .recent-comment-wrap {

        width: 100%;

    }

    .right-col {

        padding-left: 0;

    }

    .hotitem_only {

        width: auto;

    }

    .hotitem_only li {

        margin-left: 0;

    }

    .product-categories li {

        margin-left: 0;

    }

    .event-data-wrap {

        margin-left: 0;

    }

    .media-press {

        margin-left: 0;

    }

    .cart-list li {

        padding-left: 0;

    }

    .footer-top-inner {

        padding: 70px 0 15px 50px;

    }

    .footer-img-wrp img {

        top: 0;

        right: 0;

    }

    .page-link {

        padding: 4px 6px;

    }

    footer .container {

        width: 100%;

        max-width: 100%;

    }

    .product-popup:before {       

        left: 20px;

        top: -22px;

        transform: rotate(90deg);

    }

    .product-popup {

        left: 25%;

        width: 339px;

        top: 100%;

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    .small-container {

        max-width: 100%;

    }

    .single-product-popup .company-logo {

        top: 0;

        right: 0;

    }

}

/*==========================================*/

/* !! NEW MEDIA DROPDOWN MENU */

/*==========================================*/

@media (max-width: 767px) {

	/**/

	#menu {

		height: 47px;

		width: 50px;

		z-index: 999;

		padding: 0;

		background-color: transparent;

		touch-action: manipulation;

		vertical-align:  middle;

		outline: none;

		text-align: left;

		float: none;

		position:  absolute;

		top: 0;

		right: auto;

		border: none;

		border-radius: 0;

	}

	#nav-icon {

		height: 20px;

		position: relative;

		width: 30px;

		transition: .5s ease-in-out;

		cursor: pointer;

		vertical-align:  middle;

		display:  inline-block;

		float:  right;

	}

	#nav-icon span {

		display: block;

		position: absolute;

		height: 3px;

		width: 50%;

		background: #ffffff;

		opacity: 1;

		transition: .25s ease-in-out;

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	#nav-icon.open span {

		background: #ffffff;

	}

	#nav-icon span:nth-child(odd) {

		left: 0;

	}

	#nav-icon span:first-child,

	#nav-icon span:nth-child(2) {

		top: 0;

	}

	#nav-icon span:nth-child(2n) {

		left: 50%;

	}

	#nav-icon span:nth-child(3),

	#nav-icon span:nth-child(4) {

		top: 10px;

	}

	#nav-icon span:nth-child(5),

	#nav-icon span:nth-child(6) {

		top: 20px;

	}

	#nav-icon span:nth-child(5),

	#nav-icon span:nth-child(6) {

		top: 20px;

	}

	/* open */

	#nav-icon.open span:first-child,

	#nav-icon.open span:nth-child(6) {

		-webkit-transform: rotate(45deg);

		transform: rotate(45deg);

	}

	#nav-icon.open span:first-child {

		left: 3px;

		top: 7px;

	}

	#nav-icon.open span:nth-child(2),

	#nav-icon.open span:nth-child(5) {

		-webkit-transform: rotate(-45deg);

		transform: rotate(-45deg);

	}

	#nav-icon.open span:nth-child(2) {

		left: calc(50% - 3px);

		top: 7px;

	}

	#nav-icon.open span:nth-child(3) {

		left: -50%;

		opacity: 0;

	}

	#nav-icon.open span:nth-child(4) {

		left: 100%;

		opacity: 0;

	}

	#nav-icon.open span:nth-child(5) {

		left: 3px;

		top: 16px;

	}

	#nav-icon.open span:nth-child(6) {

		left: calc(50% - 3px);

		top: 16px;

	}

	/****/	

    .top-header-inner {

        background: none !important;

        height: auto;

        background-color: #deb88f !important;

        /* margin-top: 50px; */

    }

    .navbar-wrapper .container {

        max-width: 100%;

        padding: 0;

    }

    .navbar-brand img {

        left: 0;

        position: relative;

        top: 0;

        right: 0;

        margin: 0 auto;

        display: block;

        text-align: center;

    }

    .top-header-inner .row [class*="col-"] {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 1000%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .navbar-brand {

        width: 100%;

    }

    .search-wrap{

        padding: 0 30px 0 30px;

        height: 40px;

    }

    .searchform {

      width: 100%;

      right: 0;

      top: 0;

      left: 0;

      position: relative;

      background: none;

      height: auto;

    }

    .desktop-s{

        display: none;

    }

     .mobile-s {

        text-align: left;

        width: 100% !important;

        background-image: none;

        height: 32px !important;

        background: #fff !important;

        display: block;

        border: 2px solid #999 !important;

        border-radius: 10px;

        margin-bottom: 6px;

        font-size: 15px;

        padding: 5px 10px;

    }

    .desktop-menu #navbarNav {

        position: absolute;

        top: 50px;

        left: 0;

        right: 0;

        width: 100%;

        background-color: #db8ccc;

    }

    .desktop-menu {

        position: relative;

        top: 0;

        left: 0;

        width: 100%;

        cursor: pointer;

        height: 50px;

        z-index: 99999;

        width: 100%;

    }

    .desktop-menu .navbar {

        padding: 0;

        background: #682a58;

        height: 100%;

        border-top: 0;

        border-bottom: 0;

        position: absolute;

        left: 0;

        right: 0;

        border: 0;

        outline: none;

    }

    .desktop-menu .navbar .navbar-nav .nav-link {       

        border: none;

        color: #ffffff;

        font-size: 15px;

        text-transform: uppercase;

        font-weight: normal;

        padding: 13px 14px;

    }

    .desktop-menu .navbar .navbar-nav .nav-link:focus, .desktop-menu .navbar .navbar-nav .nav-link:hover {

        border: none;

        color: #ffffff;

        text-decoration: none;

    }

    .search-field {

        border: 1px solid #ccc;

        width: 100%;

        max-width: 100%;

        height: 35px;

        position: relative;

        font-size: 13px;

        padding: 0 15px !important;

    }

    .search-form{

        width: 90%;

        margin: 0 16px 30px;

        position: relative;

    }

    .search-field {

        padding:0 15px !important;

        border: 1px solid #ccc;

        width: 100%;

        max-width: 100%;

        height: 35px;

        position: relative;

    }

    .search-form .submit{

        position: absolute;

        top: 21%;

        right: 10px;

        color: #999;

        border: none;

        background: transparent;

    }

    .desktop-menu .navbar .navbar-nav li.nav-item:nth-child(1) .nav-link{

        display: none;

    }

    li.nav-item.dropdown.menu-item.menu-item-has-children {

        background: #96588a !important;

        border-bottom: 2px solid #db8ccc;

    }

    .desktop-menu .nav-item {

        margin: 0;

    }

    .bordr-rt {

        border-right: none;

        height: auto;

    }

		

	.dropdown-menu {

		border: none;

	}

	.dropdown-item {

		color: #552c78;

		text-transform: uppercase;

	}

    .navbar .navbar-nav.responsive-menu .sub-menu,

    .navbar .navbar-nav.responsive-menu .sub-menu li .sub-menu {

        background: #db8ccc;

        border: none;

        right: auto;

        left: auto;

        opacity: 1;

        position: relative;

        -webkit-transition: opacity .4s ease-in-out;

        transition: opacity .4s ease-in-out;

        width: 100%;

        z-index: 99;

        padding-bottom: 0;

        border-radius: 0;

        min-width: 100%;

    }

    .navbar .navbar-nav.responsive-menu li .sub-menu,

    .navbar .navbar-nav.responsive-menu li .sub-menu li .sub-menu {

        display: none;

        visibility: visible;

    }

    

    .navbar-nav.responsive-menu .menu-item-has-children:before {

		font-family: "Font Awesome 5 Free";

		content: "\f107";

		font-weight: 900;

		position: absolute;

		right: 0;

		width: 45px;

		top: 0;

		height: 45px;

		/* background: #682a58; */

		text-align: center;

		line-height: 45px;

		font-size: 18px;

		color: #fff;

    }    

   .navbar .navbar-nav.responsive-menu .sub-menu li a{

        color: #ffffff;

        padding: 13px 15px;

        border-top: none;

        font-size: 15px;

        text-transform: uppercase;

        font-weight: normal;

    }

    .navbar-nav.responsive-menu .menu-open.menu-item-has-children:before {

        content: "\f106";

    }

    .navbar li>.sub-menu li.current-menu-item>a, 

	.navbar li>.sub-menu li.current-menu-ancestor>a, 

	.navbar li>.sub-menu li a:hover,

	.navbar li>.sub-menu li a:focus, 

	.navbar .sub-menu li .sub-menu li.current-menu-item>a, 

	.navbar .sub-menu li.current_page_ancestor>a, 

	.navbar .sub-menu li .sub-menu li.current_page_parent>a{

		color: #606060!important;

		background: #E7A0DB !important;

    }

    

    /****  FOOTER CSSS STARTS HERE  *****/

    

    .footer-top-inner {

        background-color: #deb88f;

        background-image: none !important;

        height: 100%;

        padding: 20px;

    }

	footer .container {

        width: 100%;

        max-width: 100%;

    }

    .footer-widget {

        border-left: none;

        min-height: auto;

        padding-left: 0;

        margin-bottom: 20px;

    }

    .footer-img-wrp img {

        width: auto;

        height: auto;

        text-align: left;

        position: relative;

        top: 0;

        right: 0;

    }

    

    /******  BLOG POST CSS STARTS HERE  ******/

/*

    .blog-post-iner .blog-thumb {

        float: none;

        width: 100%;

        margin: 0 auto;

        display: block;

        text-align: center;

    }

    .blog-post-content p img.alright {

        float: none;

        width: 120px;

            margin: 0 auto 15px;

        display: block;

    }

*/

    .facebook-like-btn {

        position: relative;

        right: 0;

        top: 0;

        padding: 10px 0;

    }

    

    /********  PAGINATION Css  *******/

    .pagination {

        display: inline-block;

    }

    .page-item {

        display: inline-block;

    }

    

    /******  PRODUCT_PAGE CSS STARTS HERE  ********/

    .product-image:hover .product-popup {

        opacity: 0;

        visibility:hidden;

    }

    .content-row {

        display: flex!important;

    }

    .left-col {

        width: 170px;

        margin-right: 20px;

    }

    .bordr-rt {

        padding: 0;

    }

    .content-wrapper {

        padding: 0 15px;

    }
	
	input.mailpoet_text {
    width: 100%!important;
    border: 1px solid;
}
.site-main,#container{padding: 10px 10px;}
.top-header-inner .row.align-items-center{margin: 0;}
.floatleft{padding: 0; width: 100%!important;}

.floatright{padding: 0; width: 100%!important;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {

    border: 1px solid #ccc;
    padding: 5px 3px;
}
.facebox_like_bt {
    position: inherit;
    right: 0;
    top: 5px;
    text-align: right;
}
.product-image.product-single-img{text-align: center;}
}





@media (max-width: 575px) {

	

}

@media (max-width: 480px) {    

   

}