@media screen and (max-width: 320px) {
    /* add this */
    .addthis_sharing_toolbox {
        top: auto;
        width: 100%;
        bottom: 0px;
    }

    .at-share-tbx-element .at-share-btn {
        display: inline-block !important;
        width: 14.2857%;
        width: calc(100% / 7);
        max-width: 14.2857% !important;
        max-width: calc(100% / 7) !important;
        text-align: center;
        margin: 0 !important;
        padding: 4px 0;
    }

        .at-share-tbx-element .at-share-btn.at-svc-whatsapp {
            display: inline-block !important;
        }
    /* add this over */

}

/* Al Shamsi Responsive Templating  Saturday 21, Nov 2015 */
/* Large desktops and laptops */
@media (max-width: 1260px) {
    .block-producty input.ccm-search-block-text {
        width: 90%;
    }

    .down-arrow {
        bottom: 74px;
    }

    .our-team .info {
        left: 50px;
    }
}

@media (max-width: 1199px) {
    .category-list .isotope .item {
        width: 325px;
    }

    .category-list a.dft-button {
        right: 30px;
    }

    .cat-content {
        width: 305px;
    }

    .desktop-navigation .nav > li {
        font-size: 14px;
    }

    .formidable_column select {
        width: 68%;
    }
}

@media (max-width: 1024px) {
    .listcat-icon {
        padding-left: 18px;
    }

    .slick-header .social-box .social-text {
        font-size: 12px;
        top: 0px;
        left: 0px;
        padding-right: 37px;
    }

    .desktop-navigation .nav > li > a {
        padding: 10px 5px;
    }

    .desktop-navigation .nav > li {
        font-size: 14px;
        padding-right: 1px;
        padding-left: 0px;
    }

    #catimgmain {
        width: 300px;
    }

    .cat-content {
        width: 305px;
    }

    .category-list a.dft-button {
        left: 20px;
    }

    .productblock.main_picture img {
        width: 100%;
    }

    #product-block-minigallery {
        top: 22px;
        left: 35px;
    }

    .job-apply a {
        padding: 10px 5px;
        margin-right: 5px;
        font-size: 13px;
    }

    .job-post.item {
        padding: 0 10px;
    }

    .social-box {
        height: 90px;
        padding: 25px 15px;
    }

        .social-box img {
            display: none;
        }

    .trancy-box {
        top: -300px;
    }

    .flex-caption {
        width: 445px;
        left: 26px !important;
        padding-left: 75px;
    }

    .our-team .info {
        left: 25px;
    }

    #job-posts .formidable textarea {
        width: 451px !important;
        height: 210px;
    }

    .isotope-item .button-cii {
        left: 30px;
    }

    .photo.ccm-core-commerce-add-to-cart-image {
        width: 225px;
    }

    .hproduct.ccm-core-commerce-add-to-cart-product-info-container {
        width: 100%;
    }

    .product-details {
        padding-left: 4px;
    }
}

@media (max-width: 980px) {

    .mobily-menu {
        display: block;
    }

    .large-nav {
        display: none;
    }
}

@media (max-width: 992px) {
    .desktop-navigation {
        display: none;
    }

    .slick-header .social-box .hideon {
        display: none;
    }

    .mobily-menu {
        display: block;
        position: fixed;
        top: 35px;
        right: 25px;
    }
}

@media (max-width: 960px) {
    .category-list .isotope .item {
        width: 380px;
        margin-bottom: 10px !important;
    }

    .wow {
        visibility: visible;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog.ui-draggable.ui-resizable {
        width: 920px !important;
    }

    .trancy-box {
        top: -300px;
        width: 450px;
    }

    .large-nav {
        display: none;
    }

    .desktop-navigation .nav > li {
        display: block;
    }

        .desktop-navigation .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 10px;
            width: 210px;
            color: #B4B4B4;
            font-size: 16px;
            font-family: PlayfairDisplay;
            font-family: 'Playfair Display', serif !important;
            line-height: 28px;
            text-transform: uppercase;
            font-family: playfair;
            background: #373737;
            font-weight: 400;
        }

    .team-members {
        position: relative;
        left: 16px;
    }

    .our-team .info {
        left: 100px;
    }

    .testimonials .closed-quote {
        bottom: 60px;
    }

    .testimonialtext {
        padding-bottom: 15px;
    }

    .dual-box {
        float: right;
    }

    .flex-caption {
        width: 330px;
        left: 29px !important;
        padding-left: 68px;
    }

    .trancy-boxtwo {
        padding: 28px 25px 70px 40px;
        padding-top: 120px;
        position: relative;
        top: 180px;
        width: 440px;
    }

    .move-center {
        top: 50px;
        right: 50px;
    }

    .move-bottom {
        top: 15px;
        right: 312px;
    }

    #catimgmain {
        width: 355px;
    }

    .cat-content {
        width: 360px;
    }

    .product-details {
        padding-left: 4px;
    }

    .photo.ccm-core-commerce-add-to-cart-image {
        width: 100%;
    }

    .wrapper select {
        width: 489px;
    }

    .product-display-wrap {
        position: relative;
        padding-bottom: 75px;
    }

    .categoryname-shop h3 {
        text-align: left;
    }

    .isotope-item .button-cii {
        left: 60px;
    }

    input.ccm-search-block-text {
        /* padding-left: 46px; */
        /* float: right; */
        display: inline-block;
        width: 85%;
        font-size: 13px;
    }

    #job-posts .formidable textarea {
        width: 345px !important;
    }

    .social-box .hideon {
        display: none;
    }

    .desktop-navigation {
        width: 70%;
        position: relative;
        left: 280px;
    }

    .slick-header .logo {
        padding-top: 15px;
        height: 90px;
        width: 30%;
    }
}

/* Portrait tablets and small desktops */
@media (max-width: 800px) {
    .col-md-8.col-xs-12.talign-left {
        text-align: center !important;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog.ui-draggable.ui-resizable {
        width: 800px !important;
    }

    h2 {
        font-size: 44px;
        line-height: 58px;
    }

    #slider-stack h2 {
        width: 650px;
        margin: 20px auto;
    }

    .product-details {
        padding-left: 40px;
    }

    .hproduct.ccm-core-commerce-add-to-cart-product-info-container {
        width: 100%;
    }

    .desktop-navigation {
        left: 200px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
    .pagination span.pageLeft, .pagination span.pageRight {
        font-size: 12px;
    }

    .pagination .numbers {
        margin: 0px 5px;
    }

    .trancy-boxtwo {
        padding: 28px 25px 30px 40px;
        padding-top: 30px;
        position: relative;
        top: 160px;
        width: 380px;
    }

    #feedback form textarea {
        width: 100%;
    }

    .wow {
        visibility: visible;
    }

    .bottom-biggy {
        padding: 25px 0px;
    }

    .block-producty .talign-left {
        text-align: center;
    }

    .product-display-wrap {
        padding-bottom: 0px;
    }

    .product-msg {
        overflow: hidden;
    }

    .boxy-light {
        background: #ffffff;
        padding: 45px;
        color: #333333;
        margin-top: 50px;
        margin-left: 45px;
    }

    .boxy-outside {
        border: 3px solid #ffffff;
        padding: 0px 25px;
        height: 150px;
        margin-top: 50px;
    }

    form.ccm-search-block-form .pull-right {
        float: initial !important;
    }

    .category-list .isotope .item {
        width: 375px;
    }

    .cat-content {
        width: 355px;
    }

    .down-arrow {
        bottom: 40px;
    }

    .slides-pagination {
        bottom: 50px;
    }

    .bottompad-foot {
        text-align: center;
    }

    .formidable_column select, .formidable_column .element input {
        width: 100% !important;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog.ui-draggable.ui-resizable {
        width: 750px !important;
    }

    input.ccm-core-commerce-cart-buttons-checkout {
        margin-left: 20px;
    }

    .careers-page .contact-form .formidable_column .element input {
        width: 94%;
    }

    #job-posts .formidable textarea {
        width: 338px !important;
    }

    .slick-header .logo {
        padding-top: 16px;
        padding-left: 25px;
    }

    .payment-msgo {
        float: right;
        text-align: right;
    }
}
/* Landscape phones and portrait tablets */
@media (max-width: 640px) {
    h3.one span {
        font-size: 28px;
        position: relative;
        top: 10px;
    }

    .info-styling {
        border-right: none;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog.ui-draggable.ui-resizable {
        width: 640px !important;
    }

    ul.cat-sortmain {
        display: none;
    }

    #feedback {
        position: absolute !important;
    }

    .slick-header .logo {
        padding-left: 5px;
    }

    #feedback a {
        bottom: 10%;
    }

    h2 {
        font-size: 44px;
        line-height: 54px;
    }

    #slider-stack h2 {
        width: 475px;
        margin: 20px auto;
    }

    .textytwo {
        top: 25%;
    }

    .dual-box {
        margin-top: 42px;
    }

    .flex-caption {
        width: 450px;
        left: 25px !important;
        padding-left: 20px;
        padding-top: 300px;
    }

    .move-bottom {
        top: 0px;
        right: 225px;
    }

    .our-history {
        padding-left: 20px;
        padding-right: 20px;
    }

    .board-members {
        padding: 45px 20px 45px 20px;
    }

    .team-members {
        position: relative;
        left: 150px;
    }

    .our-team .teamperson {
        padding-bottom: 45px;
    }

    .our-team .info {
        left: 75px;
        bottom: 75px !important;
    }

    .testimonials .closed-quote {
        bottom: 0px;
    }

    .category-list {
    }

    .ccm-core-commerce-product-list-product {
        padding-top: 45px;
    }

    #job-posts .formidable textarea {
        width: 275px !important;
    }

    .contact-us-page .text-wrapper {
        padding: 0px 45px;
        color: #303030;
        font-size: 16px;
    }

    .contactinfobar {
        padding: 20px 120px;
    }

    .wrapper select {
        width: 403px;
        background-position: 370px 26px;
    }

    .desktop-navigation {
        left: 135px;
    }
}
/* phones and tablets */
@media (max-width: 460px) {
    .related-articles {
        padding: 10px 30px;
    }

    .fixed-header .slick-header .logo, .fixed-header .social-box {
        height: 70px !important;
    }

    .mobily-menu {
        top: 25px;
    }

    .social-box {
        height: 70px;
    }

    .slick-header {
        height: 70px;
    }

        .slick-header .logo {
            height: 70px;
            width: 120px;
        }

            .slick-header .logo img {
                max-width: 95px;
            }

    #job-posts {
        padding: 20px 0px;
    }

    #ccm-core-commerce-add-to-cart-form-54 input#submit {
        margin-left: 15px;
    }

    form#billing_address_form {
        padding-bottom: 20px;
    }

    table.ccm-core-commerce-cart .ccm-core-commerce-cart-name {
        font-size: 12px;
        line-height: 18px;
    }

    .category-list a.dft-button {
        left: 0px;
    }

    .opening-hours .days {
        left: 35px;
    }

    .ui-dialog.ccm-core-commerce-cart-dialog .ui-dialog-title {
        font-size: 14px;
    }

    .boxy-inside {
        font-size: 15px;
        line-height: 29px;
        padding: 15px 25px;
        margin-top: -30px;
    }

    section.nearby-you.big-padding {
        padding: 45px 0;
    }

    .vision-mission {
        padding: 40px 0px;
    }

    a.dft-buttondark {
        padding: 7px 18px;
        padding-bottom: 7px;
        padding-top: 10px;
        font-size: 13px;
        top: 16px;
    }

    .nearby-you h3 {
        font-size: 28px;
        line-height: 42px;
    }

    .breadcrumbs {
        padding: 150px 25px 90px 25px;
    }

    ul.slides-container li .boxy-content {
        width: 325px;
    }

    a.dft-button-lighty {
        padding: 5px 8px;
        padding-top: 9px;
        line-height: 18px;
        font-size: 13px;
    }

    .category-list .post h4 {
        font-size: 13px;
    }

    .product-padder {
        padding-top: initial;
    }

    a.dft-button-lighty {
        top: 25px;
    }

    .photo.ccm-core-commerce-add-to-cart-image {
        width: 100%;
    }

    .product-msg {
        overflow: hidden;
    }

    .footer-layer {
        padding-top: 20px;
    }

    footer .slight-padder img {
        padding: 0px 0px;
    }

    .crumbs-contact {
        list-style: none;
        margin-bottom: 10px;
        padding-left: inherit;
        margin: auto 0;
        text-align: Center;
    }

    .fixed-header .payment-msgo a {
        top: 7px !important;
        transition: 0.4s transform ease;
    }

    .payment-msgo {
        float: left;
        background-image: none;
    }

    .cart-iconfloat {
        bottom: 20px;
        right: 0px;
        top: auto;
    }

    #feedback {
        display: none;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog.ui-draggable.ui-resizable {
        width: 430px !important;
    }

    #feedback {
        position: absolute !important;
    }

    .social-box {
        /* width: 250px; */
        text-align: center;
        float: right;
        /* position: Relative; */
        bottom: 9px;
        border-left: none !important;
    }

    .slick-header .social-box .social-text {
        font-size: 12px;
        line-height: 12px !important;
        position: relative;
        padding-right: 10px;
        color: #ffffff;
    }

    .news-page .alshamsi-breadcrumbs {
        left: 0px;
    }

    .footer-layer p {
        font-size: 8px !important;
    }

    #job-posts .formidable textarea {
        width: 197px !important;
    }

    .plain-formy {
        margin-right: 0px;
    }

    .category-list {
        padding-left: 35px;
    }

    .fixed-header .social-box {
        height: 110px;
        padding: 18px 14px !important;
    }

    .row.brandies {
        left: 70px;
    }

    li.topnav-shopper {
        padding: 10px 28px;
        padding-bottom: 14px;
        margin-right: 0px;
        font-size: 16px;
        line-height: 34px;
    }

    .ccm-core-commerce-product-list-product {
        padding-top: 20px;
    }

    .productblock.main_picture {
        padding: 0px 22px;
        width: 425px;
    }

    .categoryname-shop h3 {
        text-align: left;
        padding-left: 20px;
        font-size: 22px;
    }

    .productblock.product_info {
        padding: 10px 40px;
        overflow: hidden;
    }

    .product-description {
        padding: 0px 53px;
    }

    .contact-us-page .contact-form .formidable_column .element input {
        width: 95%;
    }

    .contact-right {
        padding-bottom: 45px;
    }

    #slider-stack h2 {
        width: 330px;
        margin: 10px auto;
    }

    .textytwo {
        top: 30%;
    }

    .flex-caption {
        width: 405px;
        left: 22px !important;
        padding-left: 44px;
        padding-top: 250px;
    }

    .tt-slider .ttcat-nav {
        padding-top: 0px;
        padding-left: 20px;
        position: absolute;
        margin: 0 auto;
        top: 0px;
        left: 160px;
        z-index: 999;
    }

    h2 {
        font-size: 32px;
        line-height: 44px;
    }

    .move-bottom {
        right: 140px;
    }

    .team-members {
        left: 55px;
    }

    .testimonialtext {
        padding-bottom: 0px;
        font-size: 14px;
    }

    .desktop-navigation {
        width: 30%;
    }
}
/* phones and tablets */
@media (max-width: 412px) {
    .movetotop {
        text-align: center;
    }

    .careers-page .contact-form .formidable_column .element input {
        width: 100%;
    }

    .trancy-boxtwo {
        top: 100px;
    }

    .cat-content {
        width: 360px;
    }

        .cat-content h4 {
            font-size: 14px;
        }

    .footer-layer p {
        text-align: center;
        line-height: 16px;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog.ui-draggable.ui-resizable {
        width: 400px !important;
    }

    #feedback {
        position: absolute !important;
    }

    .slick-header .logo {
        width: 110px;
    }

        .slick-header .logo img {
            max-width: 85px;
        }

    .nav-icon, .nav-icon:before, .nav-icon:after {
        width: 36px;
        height: 4px;
        padding: 0px 40px 1px 1px;
    }

    .developed-by {
        float: inherit;
        text-align: center;
        margin: auto;
    }

    .contactinfobar {
        padding: 20px 20px;
    }

    .wrapper select {
        width: 352px;
        background-position: 329px 26px;
    }

    #job-posts .formidable textarea {
        width: 100% !important;
    }

    .breadcrumbs-carriers p {
        width: 360px;
    }

    .plain-formy {
        margin-right: 0px;
    }

    .category-list {
        padding-left: 10px;
    }

    .ccm-core-commerce-product-list-product {
        padding-top: 0px;
    }

    .row.brandies {
        left: 0px;
    }

    li.topnav-shopper {
        padding: 6px 9px;
        margin-right: 1px;
    }

    .product-display-wrap {
        width: 375px;
    }

    .productblock.main_picture {
        width: 100%;
        height: 100%;
    }

    #slider-stack .ttcat-nav {
        bottom: 0px;
        top: auto;
    }

    .tt-slider .ttcat-nav {
        visibility: hidden;
    }

    #slider-stack .ttcat-nav {
        display: none;
    }

    .team-members {
        left: 20px;
    }

    .contact-form .formidable_column .element {
        width: 100%;
    }

        .contact-form .formidable_column .element textarea {
            width: 100%;
        }

    .brands-heading {
        width: 335px;
    }

    .breadcrumbs-bathrooms p {
        width: 312px;
        margin: 0 auto;
    }

    .boxy-light {
        margin-top: 120px;
    }

    #portfolio a.dft-button-lighty {
        top: -25px;
    }

    input.ccm-core-commerce-cart-buttons-checkout {
        font-size: 12px;
    }

    .isotope .item {
        margin-bottom: 10px !important;
    }
}
/* phones and tablets */
@media (max-width: 375px) {
    .payment-msgo {
        float: left;
    }

    .slick-header .social-box .social-text {
        padding-right: 25px;
    }

    .thelastone img {
        max-width: 175px;
    }

    .ccm-core-commerce-product-list-product {
        padding-top: 0px;
    }

    .ccm-core-commerce-product-property-list h3 {
        margin-top: 5px;
    }

    .mobile-logo {
        bottom: 25px;
    }

    .cat-content {
        width: 360px;
    }

    .trancy-boxtwo {
        padding: 28px 25px 60px 40px;
        padding-top: 9px;
        position: relative;
        top: 143px;
        width: 345px;
    }

    .mobily-menu {
        right: 25px;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog.ui-draggable.ui-resizable {
        width: 350px !important;
    }

    #feedback {
        position: absolute !important;
    }

    .desktop-navigation {
        left: 120px;
    }

    #feedback h2 {
        font-size: 14px;
    }

    a.dft-button-lighty {
        background: #303030;
        top: 72px !important;
    }

    .trancy-box {
        width: 275px;
    }

    .trancy-box {
        top: -335px;
    }

    .tt-slider .ttcat-nav {
        display: none;
    }

    .move-bottom {
        right: 115px;
    }

    .team-members {
        left: 12px;
    }

    .category-list {
        padding-left: 0px;
    }

    .isotope-item .button-cii {
        left: 75px;
    }

    .isotope-item .button-cii {
        opacity: 1 !important;
    }

    .ccm-core-commerce-product-list-product {
        padding-top: 25px;
    }

    .slides-pagination {
        bottom: 75px;
    }

    .info-styling .basic-info {
        border-bottom: 1px solid #d8d8d8;
        padding: 30px 0px;
        padding-left: 0px;
        text-align: center;
    }

    .info-styling .confirmation-info {
        padding-top: 20px;
        padding-left: 3px;
        padding-right: 0px;
        padding-left: 0px;
        text-align: center;
        padding-bottom: 25px;
        border-bottom: 1px solid #d8d8d8;
    }

    input.ccm-core-commerce-cart-buttons-checkout {
        margin-left: 0px;
        width: 100%;
        margin-right: 0px;
    }

    .continuealshamsishop input[type="submit"] {
        width: 100%;
        margin: auto;
    }

    .contact-form .formidable_column .element {
        width: 100%;
    }

    #job-posts .formidable textarea {
        width: 100% !important;
    }

    .careers-page .contact-form .formidable_column .element input {
        width: 100%;
    }

    .plain-formy {
        margin-right: 0px;
    }
}
/* phones and tablets */
@media (max-width: 360px) {
    .related-articles {
        padding-top: 0px;
    }

    .product-display-wrap {
        width: 300px;
    }

    #billing-enquiry {
        padding: 11px 28px;
    }

    h3.one span {
        font-size: 22px;
    }

    .category-list .isotope .item {
        width: 360px;
    }

    .cat-content {
        width: 340px;
    }

    .category-list a.dft-button {
        left: 0px;
    }

    .slick-header .logo {
        width: 155px;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog.ui-draggable.ui-resizable {
        width: 320px !important;
    }
}
/* phones and tablets */
@media (max-width: 320px) {
    footer .lighter-note {
        margin-bottom: 0px;
    }

    ul.slides-container li .boxy-content {
        width: 275px;
    }

    .block-producty {
        padding: 20px;
    }

    .mobily-menu nav ul li a {
        font-size: 18px;
        line-height: 22px;
    }

    .mobile-logo {
        bottom: 10px;
    }

    .category-list a.dft-button {
        left: -30px;
    }

    .category-list .isotope .item {
        width: 320px;
    }

    .cat-content {
        width: 300px;
    }

    ul.slides-container .boxy-content {
        background: #E7E7EA;
        padding: 17px 25px;
        width: 300px;
        position: relative;
        float: right;
        top: 105px;
        left: 5px;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog.ui-draggable.ui-resizable {
        width: 320px !important;
    }

    .social-box {
        width: 120px;
    }

    .slick-header .logo {
        width: 150px;
        padding-left: 0;
    }

    .payment-msgo {
        padding-right: 15px;
    }

    #slider-stack h2 {
        width: 285px;
    }

    .textytwo {
        top: 20%;
    }

    #slider-stack a.dft-button-lighty {
        margin-right: 0px;
        margin-top: 20px;
    }

    .flex-caption {
        width: 310px;
        left: 21px !important;
        padding-left: 20px;
        padding-top: 285px;
    }
}