/*
Theme Name: Interico

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right_to_Left_Language_Support

*/

body {
	direction: rtl;
	unicode-bidi: embed;
}

th, table {
    text-align: right;
}

caption {
    text-align: right;
}

/*******************************/
/* 1. General styles*/
/*******************************/

.content ul,
.content ol,
main ul,
main ol,
.panel-body ul,
.panel-body ol {
	padding: 0 30px 0 0;
}

.section-footer {
    text-align: left;
}

.entry-content ol {
    padding-left: 0;
    padding-right: 20px;
}

.btn {
    margin-right: auto
    margin-left: 5px;
}

blockquote {
    padding: 10px 20px 0 0px;
    margin: 0 0 30px;
    border-left: none;
    border-right: 5px solid #ddd;
}

main ul li::before, .content ul li::before, .panel-body ul li::before {
    left: auto;
    right: -30px;
    margin-right: 0;
    margin-left: -20px;
}

ul.comments {
    padding: 0;
}

.testimonial.image-left .profile,
.comments .testimonial.image-left .profile {
    float: right;
    margin-left: 25px;
    margin-right: 0;
}

.comments .testimonial .content-box .content-box-info::after {
    right: auto;
    left: 0;
}

.comment-reply-link::before {
    margin-right: 0;
    margin-left: 10px;
}

.testimonial .children {
    padding-left: 0;
    padding-right: 40px;
}

/*******************************/
/* 2. Header */
/*******************************/

nav ul {
    float: left;
}

header #logo {
    float: right;
}

#search {
    float: left;  
}

#mainmenu ul {
    padding-left: auto
    padding-right: 0;
    left: auto;
    right: 0px;
}

#mainmenu > li:last-child a {
	padding-right: auto;
    padding-left: 0;
}

#mainmenu > li.menu-item-has-children:after {
    right: auto!important;
    left: 8px;
}

#mainmenu > li:last-child.menu-item-has-children {
	padding-right: auto;
    padding-left: 20px;
}

#mainmenu ul li.menu-item-has-children a {
    padding: 22px 20px 22px 40px;
}

.subnav nav > ul, ul.nav-secondary {
    padding-left: auto;
    padding-right: 20px;
}


/* for all views */
#mainmenu li:last-child .sub-menu .sub-menu .sub-menu,
#mainmenu li:nth-last-child(2) .sub-menu .sub-menu .sub-menu {
    right: auto;
    left: 0;
}

.container-wide #mainmenu li:last-child ul li ul {
    right: auto;
    left: 210px;
}

.container-wide #mainmenu li:last-child > ul.sub-menu {
    right: auto;
    left: 0;
}

.container-wide #mainmenu li:nth-last-child(2) ul li ul {
    right: auto;
    left: 210px;
}

@media screen and (max-width: 1790px)  {

    #mainmenu li:last-child ul li ul {
        right: auto;
        left: 210px;
    }
}

@media screen and (max-width: 1650px)  {

    #mainmenu li:nth-last-child(2) ul li ul {
        right: auto;
        left: 210px;
    }
}


@media screen and (max-width: 1378px)  {

    #mainmenu li:last-child > ul.sub-menu {
        right: auto;
        left: 0;
    }
}


/*******************************/
/* 2.1. Second level Nav */
/*******************************/

#mainmenu li ul li ul {
    left: auto;
    right: 210px;
}

#mainmenu li ul li:hover ul {
    display: block;
    visibility: visible;
    margin-left: auto;
    margin-right: 0;
}

.navbar-collapse {
	padding-right: auto;
    padding-left: 0;
}

/*******************************/
/*2.3. Header Layout Style 2: Overlapped */
/*******************************/

@media screen and (min-width: 1200px) {

    .header-style-2 #logo {
    	margin-left: auto; 
        margin-right: 15px;
    }
    .header-style-2 #mainmenu li:last-child a {
        padding-left: 20px;
    }

}


/*******************************/
/*2.3. Header Layout Style 4: Sidebar */
/*******************************/

@media screen and (min-width: 991px) {

    .header-style-4 {
    	margin-left: auto;
        margin-right: 240px;
    }

    .header-style-4 #header {
        left: auto;
        right: 0;
        border-right: none;
        border-left: 1px solid #eee;
    }

    .header-style-4 #mainmenu > li.menu-item-has-children::after {
        right: auto;
        left: 20px;
    }

    .header-style-4 #mainmenu ul {
    	left: auto;
        right: 100%;
        margin-left: auto;
        margin-right: 1px;
    }

    .header-style-4.header-typography-style-3 #header #mainmenu li.menu-item-has-children a {
        padding-left: 40px;
        padding-right: 20px;
    }


}



/*******************************/
/*2.3. Header Layout Style 5: Large centered header */
/*******************************/

@media screen and (min-width: 991px) {

    .header-style-5 #mainmenu a {
        text-align: right;
    }

    .header-style-5 #mainmenu > li.menu-item-has-children::after {
        right: auto!important;
        left: 6px;
    }

    .header-style-5.header-typography-style-1 #header #mainmenu > li.menu-item-has-children::after {
        right: auto!important;
        left: 12px;
    }

    .header-style-5 #header.affix #logo {
        float: right;
    }

    .header-style-5 #header.affix #mainmenu {
        text-align: inherit;
        float: left;
    }

}

/*******************************/
/*2.3. Header Typography Style 2: Medium */
/*******************************/

.header-typography-style-2 #header #mainmenu > li.menu-item-has-children::after {
    right: auto;
    left: 8px;
}


/*******************************/
/*2.3. Header Typography Style 3: Large & Uppercase */
/*******************************/

.header-typography-style-3 #header #mainmenu > li.menu-item-has-children::after {
    right: auto;
    left: 6px;
}


/*******************************/
/*2.3. Slider
/*******************************/

#slider-fullwidth.slider-style-2 .carousel-content,
#slider-fullwidth.slider-style-3 .carousel-content,
#slider-fullwidth.slider-style-4 .carousel-content {
    text-align: right;
}

.subtitle::before, .slide-subtitle::before {
    margin-right: auto;
    margin-left: 10px;
}

#slider-fullwidth.slider-style-2 .slide-img,
#slider-fullwidth.slider-style-3 .slide-img,
#slider-fullwidth.slider-style-4 .slide-img {
    float: left;
}

#slider-fullwidth.slider-style-2 .slide-img::after {
    right: auto;
    left: 0;
}

#slider-fullwidth.slider-style-3 .slide-img::after {
    background: -moz-linear-gradient(right,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 80%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(right,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 80%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 80%,rgba(0,0,0,1) 100%);
}

#slider-fullwidth.slider-style-4 .slide-img::before {
    left: auto;
    right: -100px;
}

.carousel-control.left {
    left: 82px;
    right: auto;
}

.carousel-control.right .icon-arrow-right::before {
    content: "\e901";
}

.carousel-control.left .icon-arrow-left::before {
    content: "\e902";
}

.carousel-control.right {
    left: 0;
    right: auto;
}

.carousel-control.left span {
    right: -4px;
}

.carousel-control.right span {
    left: -4px;
}


#gallery-slider .slick-prev {
    left: auto;
    right: 0px;
    transform: scaleX(-1) translateY(-50%);
}

#gallery-slider .slick-next {
    left: 0px;
    right: auto;
    transform: scaleX(-1) translateY(-50%);
}

#gallery-slider .slick-next:before {
    left: -2px;
}

#gallery-slider .slick-prev:before {
    right: 2px;
}

#slider-fullwidth.slider-style-1 .carousel-control.left {
    left: auto;
    right: 0;
}

/*******************************/
/* 2.3. Subnav */
/*******************************/

.subnav {
    text-align: left;
}

.subnav-item {
    margin-left: auto;
    margin-right: 30px;
}

.subnav-item:first-child {
    margin-right: 0px;
}

.subnav-item i {
	margin-right: auto;
    margin-left: 5px;
}

.subnav .social li:first-child {
	margin-left: auto;
    margin-right: 20px;
}

/*******************************/
/*3. Sidebar */
/*******************************/

/*.sidebar-nav ul ul li {
	padding-left: auto;
    padding-right: 20px;
}*/

.sidebar-nav ul ul li:before {
    left: auto;
    right: initial;
}

.sidebar-nav ul ul li::before {
    margin-left: 0;
    margin-right: 0;
}

.sidebar-heading:before { 
    margin-right: auto;
    margin-left: 8px;
}

.sidebar-nav ul ul li a {
    padding-left: 0;
    padding-right: 30px;
}

.sidebar-nav ul ul ul li a {
    padding-left: 0;
    padding-right: 60px;
}

.sidebar-nav ul ul ul li::before {
    margin-left: 0;
    margin-right: 30px;
}

/*******************************/
/* 4. Footer */
/*******************************/

#footer ul ul {
    margin-left: auto;
    margin-right: 20px;
}

.social {
    padding-left: auto;
    padding-right: 20px;
}

#footer ul li {
	padding-right: 20px;
}

#footer ul li:before {
	content: "\f104";
    right: 12px;
    position: absolute;
}

#footer ul li ul li:before {
    right: 32px;
}

#footer ul li ul {
	margin-right: 0;
}


/*******************************/
/* 5.2. Top CTA section */
/*******************************/


.section-item {
    float: right;
    border-right: auto;
}

.section-item h2 {
    left: auto;
    right: 0;
}

.section-item h2:after {
    content: "\f104";
    right: auto;
    left: 5px;
}

.section-item:hover > h2,
.section-item:hover > p,
.section-item:hover > .small-divider,
.section-item:hover > h2  {
	left: auto;
    right: 5px;
}

.section-item .small-divider {
	left: auto;
    right: 0;
}

.section-item p {
    left: auto;
    right: 0;
}

/*******************************/
/* 5.3. Services section */
/*******************************/

.btn::after {
    content: none;
}

.btn.arrow-none:before {
    content: none;
}

.content-box.service-item.service-box-dark .content-box-info::after {
    left: auto;
    right: 0;
}

.btn-primary:after, a.btn-primary:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: #644e28;
    transition: 0.2s all ease-in-out;
    z-index: 0;
}

.btn-primary:hover:after, a.btn-primary:hover:after, input[type="submit"]:hover:after, input[type="submit"]:hover:after {
    width: 100%;
}

.btn-primary:before, a.btn-primary:before, .btn::before {
    content: "\e904";
    font-family: 'icomoon';
    font-size: 8px;
    margin-right: 10px;
    position: relative;
    bottom: 2px;
    top:auto;
    right: 0;
    transition: 0.1s ease-out;
    background: transparent!important;
    z-index: 1;
}

.btn.btn-primary.arrow-right:before, a.btn-primary.arrow-right:before {
    background: transparent!important;
}

.btn:hover:before {
    right: 4px;
}

.btn-read-more {
    padding: 18px 0 18px 0;
}

.btn-read-more::after {
    right: auto;
    left: -29px;
    transform: rotate(180deg)!important;
    top: 22px;
}

.blog-post .btn-read-more::after {
    top: 18px;
}

.blog-post-box .btn-read-more::after {
    top: 5px;
}

.number-box .btn-read-more::after {
    top: 5px;
}

.btn-read-more:hover:after {
	right: auto;
}

.read-more-dark::before {
    margin: 7px -15px 0 -0;
}

a.read-more,
a.read-more-dark {
    float: left;
    padding: 10px 10px 10px 0;
}

.read-more::before {
    left: auto;
    right: 10px;
    margin: 6px -15px 0 0;
}

.arrow-box {
    transform: scaleX(-1);
    right: auto;
    left: 0;
}

.vertical-number-box {
    left: auto;
    right: 10px;
    transform: rotate(90deg);
}

.vertical-number-box .vertical-number {
    text-align: right;
}

.vertical-number::after {
    margin-left: auto;
    margin-right: 10px;
}

.captions-bottom .portfolio-box .vertical-number {
    transform: rotate(90deg);
}

.team-member .vertical-number-box .vertical-number {
    text-align: right;
}

.team-member .side-overlay {
    left: auto;
    right: 0;
}

.team-member .vertical-number-box {
    right: 31px;
    left: auto;
}

.team-member .vertical-number {
    right: 0px;
}


.team-member .member-details {
    padding: 0 60px 0 20px;
}

/*.team-member .vertical-number::after {
    content: 0;
}*/
/*
.team-member .vertical-number::before {
    content: '';
    width: 52px;
    height: 2px;
    display: inline-block;
    background: rgba(255,255,255,0.5);
    margin-right: 10px;
    bottom: 9px;
    transition: 0.2s;
}*/


/*******************************/
/* 5.4. Feature Boxes */
/*******************************/

.btn-read-more,
.feature-box.box-hovered i,
.feature-box.box-hovered .feature-text,
.feature-box.box-hovered .feature-title,
.feature-box .lnr,
.feature-box i,
.feature-box .feature-text,
.feature-box .feature-title {
    left: 0;
}

.content-box.service-item:hover .btn-read-more,
.btn-read-more:hover,
.blog-post-box:hover .btn-read-more,
.number-box:hover .btn-read-more,
.feature-box:hover .btn-read-more,
.feature-box.box-hovered .lnr,
.feature-box.box-hovered i,
.feature-box.box-hovered .feature-text,
.feature-box.box-hovered .feature-title,
.feature-box.box-hovered .btn-read-more,
.feature-box:hover .lnr,
.feature-box:hover i,
.feature-box:hover .feature-text,
.feature-box:hover .feature-title {
    right: auto;
    left: -5px;
}

.feature-box .content-wrapper {
    padding: 0 12px 0 10px;
}


/*******************************/
/* 5.4. Number Box */
/*******************************/

.number-box-number {
   left: auto;
   right: 35px;
}

/*******************************/
/* 5.5. Projects Gallery */
/*******************************/

.gallery .item {
    float: right;
}

.gallery-categories {
    text-align: left;
}

.btn-all-projects::after {
    content: "\f104";
    margin-left: 20px;
}

.btn-all-projects:hover:after {
	margin-left: 10px;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
    margin-right: auto;
    margin-left: 1%;
}

.captions-bottom .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    text-align: right;
}

/*******************************/
/* 5.6. Latest News */
/*******************************/

.blog-date {
    left: auto;
    right: 25px;

}

/*******************************/
/* 5.6.2. Latest News
   Color Scheme: Transparent Light */
/*******************************/


.carousel-ondark .slick-next,
.carousel-onlight .slick-next {
	border-left: auto;
    border-right: 0;
}

.slick-prev {
	right: auto;
	left: 15px;
}

.slick-next {
	left: 64px;
	right: auto;
}

.slick-next::before {
	right: 0;
}

/*******************************/
/* 5.7. Testimonials */
/*******************************/

.testimonial .content-box::before, .comments .content-box::before {
    left:auto;
    right: 40px;
}

.comments .testimonial .profile {
    margin-left: auto;
    margin-right: 25px;
}

.testimonial .content-box::after {
    right: auto;
    left: 24px;
}

.profile {
    text-align: right;
}

.testimonial.image-bottom .content-box::before {
    left: auto;
    right: calc(50% - 20px);
}

.testimonial .content-box .content-box-info::after {
    right: auto;
    left: 24px;
}

/*******************************/
/* 5.8. CTA Footer */
/*******************************/

a.cta-footer h2::after {
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 22px;
    color: #333;
    position: relative;
    top: 1px;
    margin-left: 20px;
    font-weight: 800;
    transition: 0.2s;
}

a.cta-footer:hover h2:after {
    margin-left: 10px;
}



/************************************/
/* 6. About us page */
/************************************/

.page-title-box {
    left: auto;
    right: 6px;
    -ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(20deg);
}

.page-title-box > h1 {
    -ms-transform: skewX(-20deg); /* IE 9 */
    -webkit-transform: skewX(-20deg); /* Safari */
    transform: skewX(-20deg);
}

.position-item::after {
    content: "\f104";
    right: auto;
    left: 30px;
}

.position-item:hover:after {
	right: auto;
    left: 25px;
}

.position-title {
    left: auto;
    right: 0;
}

.position-item:hover > .position-title {
	left: auto;
    right: 5px;
}

/*******************************/
/* 9. Blog */
/*******************************/

.title-link-box .btn-read-more {
    float: left;
    right: -30px;
}

.title-link-box .btn-read-more::after {
    top: 22px;
}

.blog-post-box .content-box-info .box-heading,
.blog-post-box .content-box-info p {
    left: auto;
    right: 0;
}

.blog-post-box:hover .content-box-info .box-heading,
.blog-post-box:hover .content-box-info p {
    left: auto;
    right: 2px;
}

.blog-post-box:hover .image-container::after {
    left: calc(50% - 10px);
}

.blog-post-box .image-container::after {
    left: calc(50% + 10px);
}

.prev.page-numbers {
    float: right;
    transform: scaleX(-1);
}

.next.page-numbers {
    float: left;
    transform: scaleX(-1);
}

.nested {
	padding-left: auto;
    padding-right: 200px;
}

.nested-2 {
	padding-left: auto;
    padding-right: 360px;
}

.cta-link {
	padding-right: 10px;
}

.cta-link:after {
    content: "\f104";
    left: auto;
    right: -10px;
}

.notice-box:hover > .cta-link:after {
	left: auto;
    right: -5px;
}

.navigation.posts-navigation .nav-links .nav-next {
    float: left;
}

/*******************************/
/* 10. Shop page */
/*******************************/

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	padding-left: auto;
    padding-right: 3.5em!important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    margin-right: auto;
    margin-left: 5px;
}

input[type="submit"].search-submit, .woocommerce-product-search > input[type="submit"], .woocommerce-product-search > button[type="submit"] {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}


.woocommerce div.product .product_meta span {
    margin-right: auto;
    margin-left: 15px;
}

.woocommerce-product-gallery
{
    direction: rtl;
}

.woocommerce span.onsale {
	margin-right: auto;
    margin-left: -1px;
    left: auto;
    right: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.woocommerce ul.products li.product .onsale {
    right: 0;
    left: auto;
}

.woocommerce div.product form.cart div.quantity {
    margin: 0 0 0 15px; 
}

/* Woocommerce Tabs */


.woocommerce div.product .woocommerce-tabs ul.tabs > li a {
	margin-right: auto;
    margin-left: -1px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a,
.woocommerce div.product .woocommerce-tabs ul.tabs > li > a {
    margin-right: auto;
    margin-left: -7px;
}

/* Cart Page */

.woocommerce .wc-proceed-to-checkout a.button {
	margin-right: auto;
    margin-left: 0;
}

#add_payment_method #payment ul.payment_methods li input[type="radio"] + label, .woocommerce-cart #payment ul.payment_methods li input[type="radio"] + label, .woocommerce-checkout #payment ul.payment_methods li input[type="radio"] + label {
	padding-left: auto;
	padding-right: 15px;
}

.navbar-toggle {
	float: left;
    margin-right: auto;
    margin-left: 5px;
}

.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
	margin-right: auto;
    margin-left: 1%;
}

.widget.woocommerce.widget_product_categories.sidebar-nav ul li span { 
	right: auto;
    left: 15px;
}

.widget.woocommerce.widget_layered_nav_filters.sidebar-nav li.chosen {
	margin-right: auto;
    margin-left: -1px;
}

.woocommerce-MyAccount-navigation-link {
	margin-right: auto;
    margin-left: -7px;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	float: right;
}

.woocommerce .woocommerce-checkout-payment input[type="radio"]:checked + label::before {
    content: none;
}
.woocommerce .woocommerce-checkout-payment input[type="radio"] + label::before {
    content: none;
}

.woocommerce .woocommerce-checkout-payment input[type="radio"]:checked + label::after {
    content: "\f00c";
    font-family: 'FontAwesome';
    display: initial;
}

.woocommerce .woocommerce-EditAccountForm button[type="submit"] {
    float: right;
}

/*******************************/
/* 11.1 Form */
/*******************************/

input, textarea {
    text-align: right;
}

.woocommerce .search-field,
.search-field,
.search-form label {
    float: right;
    border-left: 0;
}

form.wpcf7-form input[type="submit"] {
    width: 100%;
}

form.wpcf7-form input[type="submit"]:after {
    clear: both;
}

.woocommerce ul.product_list_widget .mini_cart_item a.remove {
    float: left;
}

input[type="submit"].search-submit, .woocommerce-product-search > input[type="submit"]  {
    min-width: 0;
    width: 35%;
    border-radius: 0;
}

/*******************************/
/* 11.2. Checkbox */
/*******************************/

input[type=checkbox] + label, input[type="radio"] + label {
	padding-left: auto;
    padding-right: 30px;
}

input[type="checkbox"] + label:before {
	left: auto;
    right: 15px;
}

/*******************************/
/* 11.3. Radio buttons */
/*******************************/

input[type="radio"] + label:before {
	left: auto;
    right: 15px;
}

/*******************************/
/* 11.5. Accordion */
/*******************************/

.panel-group .accordion-toggle::before {
    content: "\f107";
    right: auto;
    left: 25px;
}

/*******************************/
/* 11.6. Tabs */
/*******************************/

.nav-tabs > li {
	float: right;
}

.nav-tabs > li a {
	margin-right: auto;
    margin-left: -1px;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a {
	margin-right: auto;
    margin-left: -1px;
}

/*******************************/
/* 11.7. Mobile menu button */
/*******************************/

.nav-toggle-mobile-submenu {
    right: auto;
    left: 1px;
}

/*******************************/
/* 11.9. Breadcrumbs */
/*******************************/

.breadcrumbs span {
    margin-left: 10px;
    margin-right: 0;
}

.breadcrumbs a span {
	margin-right: 0;
}

.breadcrumbs a {
	position: relative;
}

.breadcrumbs a:after {
    content: none;
}

.breadcrumbs:last-child {
	margin-right: 20px;
}

.breadcrumbs a:before {
    content: "\f104";
    position: absolute;
    font-family: "FontAwesome";
    font-weight: 300;
    font-size: 11px;
    left: -2px;
    top: 0;
    color: #999;
}

.breadcrumbs a:hover:before {
    color: #333 !important;
}

.woocommerce.product-columns-4 ul.products li.product, .woocommerce-page.product-columns-4 ul.products li.product {
	margin-right: 0;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    border: 0!important;
}

.copyright-text::before {
    margin-left: 20px;
}

#footer-logo {
    float: left;
}

/*******************************/
/* 12. Media queries */
/*******************************/

@media screen and (min-width: 991px) and (max-width: 1280px) {
    .slider-style-2 .carousel-content, .slider-style-3 .carousel-content, .slider-style-4 .carousel-content {
        padding: 0 50px 0 0;
    }
}

@media screen and (min-width: 991px) {
    .header-style-4 #mainmenu > li.menu-item-has-children::after {
        content: '';
        right: auto!important;
        left: 20px!important;
    }

    .header-style-4 #mainmenu > li.menu-item-has-children:hover:after {
        right: auto!important;
        left: 15px!important;
    }

}

@media screen and (min-width: 991px) {

    #mainmenu > li:last-child > a {
        padding-right: auto;
        padding-left: 0;
    }

    #mainmenu ul li.menu-item-has-children::after {
        right: auto!important;
        left: 20px !important;
    }
    #mainmenu ul li.menu-item-has-children:hover:after {
        right: auto!important;
        left: 15px !important;
    }



}

@media screen and (max-width: 990px) {

    #mainmenu li ul li:hover ul {
        display: none;
    }

    #mainmenu li ul li::before {
        left: auto;
        right: 25px;
    }

    #mainmenu li ul li ul li:before {
        left: auto;
        right: 60px;
    }


    #mainmenu li.menu-item-has-children a {
        padding-right: 20px;
        padding-left: 60px!important;
    }


    #header #mainmenu li ul li ul li a {
        padding-left: auto;
        padding-right: 90px;
    }

    #header #mainmenu ul li a,
    #header #mainmenu ul li.menu-item-has-children a {
        padding-right: 60px!important;
    }

    #header #mainmenu li ul li ul li a {
        padding-left: 20px;
        padding-right: 90px!important;
    }

    .header-style-4.header-typography-style-3 #header #mainmenu li ul li ul li::before {
        right: 30px;
    }

    #mainmenu li.menu-item-has-children a {
        padding-right: 20px;
        padding-left: 60px !important;
    }

    .slider-style-4 .carousel-content {
        padding: 0 30px 0 0;
    }

    .slider-style-2 .carousel-content, .slider-style-3 .carousel-content {
        padding: 0 60px 0 0;
    }

    nav ul {
        float: none;
    }

    header #logo {
    	margin-left: auto;
        margin-right: 10px;
    }

    #mainmenu li ul li ul li a {
    	padding-left: auto;
        padding-right: 60px;
    }


    #mainmenu li ul li a {
    	padding-left: auto;
        padding-right: 60px;
    }

    #mainmenu > li:last-child.menu-item-has-children {
    	padding-right: auto;
        padding-left: 0px;
    }

}

@media screen and (min-width: 768px) {

    .woocommerce table.shop_table tr.cart_item td.product-remove {
        width: 20px;
        padding: 0 15px 0 0;
    }

}

@media screen and (max-width: 768px) {

    .woocommerce table.shop_table tr.cart_item .input-text.qty.text {
    	left: auto;
        right: 20px;
    }

    .subnav-item {
        margin-left: auto;
        margin-right: 0;
    }

    .carousel-control.left {
        right: 0;
        left: auto;
    }

    .overlapped {
        margin-top: 30px;
    }


}
