@media screen and (max-width: 1230px) {
    .tp-banner-container {
        height: 100% !important; /*rtl normalized*/
    }

    .animated {
        -webkit-animation: 0 !important; /*rtl normalized*/
    }

    #wrapper {
        width: 100% !important; /*rtl normalized*/
    }

    nav {
        width: 100% !important; /*rtl normalized*/
    }
}

@media screen and (max-width: 1199px) {
    .title-in:first-child {
        margin-top: 50px; /*float: right;*/ /*rtl*/
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .prl-1 {
        background: url(../content/images/parallax.jpg) right 100% center !important; /*rtl*/
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .logo {
        margin: 25px 0; /*rtl normalized*/
    }

    .dl-trigger {
        display: block; /*rtl normalized*/
    }

    .dl-menuwrapper {
        width: 100%;
        max-width: 300px;
        float: right; /*rtl*/
        position: relative;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        -webkit-perspective-origin: 50% 200%;
        -moz-perspective-origin: 50% 200%;
        perspective-origin: 50% 200%;
        margin-top: 17px;
        z-index: 9999999;
    }

    .dl-back {
        display: block; /*rtl normalized*/
    }

    .dl-menuwrapper button {
        background: #fff;
        border: none;
        width: 48px;
        height: 45px;
        text-indent: -900em;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
    }

        .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
            background: var(--skin-base-color); /*rtl normalized*/
        }

            .dl-menuwrapper button:hover:after {
                background: #fff;
                box-shadow: -0 10px 0 #fff, -0 20px 0 #fff; /*rtl*/
            }

            .dl-menuwrapper button.dl-active:after {
                background: #fff;
                box-shadow: -0 10px 0 #fff, -0 20px 0 #fff; /*rtl*/
            }

        .dl-menuwrapper button:after {
            content: '';
            position: absolute;
            width: 68%;
            height: 5px;
            background: var(--skin-base-color);
            top: 10px;
            right: 8px; /*rtl*/
            box-shadow: -0 10px 0 var(--skin-base-color), -0 20px 0 var(--skin-base-color); /*rtl*/
        }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .dl-menuwrapper li {
        position: relative; /*rtl normalized*/
    }

        .dl-menuwrapper li a {
            display: block;
            position: relative;
            padding: 15px 20px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 300;
            color: #fff;
            outline: none;
        }

    .no-touch .dl-menuwrapper li a:hover {
        background: rgba(255,248,213,0.25);
        text-decoration: none;
    }

    .dl-menuwrapper li.dl-back > a {
        padding-right: 30px; /*rtl*/
        background: rgba(0,0,0,0.25);
    }

    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
        position: absolute;
        top: 0;
        line-height: 50px;
        font-family: FontAwesome;
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: "\f053";
    }

    .dl-menuwrapper li.dl-back:after {
        right: 10px; /*rtl*/
        color: rgba(212,204,198,0.3);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dl-menuwrapper li > a:after {
        left: 10px; /*rtl*/
        color: rgba(0,0,0,0.3);
    }

    .dl-menuwrapper .dl-menu {
        margin: 5px -191px 0 0; /*rtl*/
        position: absolute;
        width: 240px;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .dl-menuwrapper .dl-menu.dl-menu-toggle {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .dl-menuwrapper .dl-menu.dl-menuopen {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            transform: translateY(0px);
        }

    .dl-menuwrapper li .dl-submenu {
        display: none; /*rtl normalized*/
    }

    .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {
        display: none; /*rtl normalized*/
    }

        .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
            display: block; /*rtl normalized*/
        }

    .dl-menuwrapper > .dl-submenu {
        position: absolute;
        width: 240px;
        margin-right: -191px; /*rtl*/
        top: 50px;
        right: 0; /*rtl*/
    }

    .dl-menu.dl-animate-out-5 {
        -webkit-animation: MenuAnimOut5 0.4s ease;
        -moz-animation: MenuAnimOut5 0.4s ease;
        animation: MenuAnimOut5 0.4s ease;
    }

    @-webkit-keyframes MenuAnimOut5 {
        100% {
            -webkit-transform: translateY(40%);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut5 {
        100% {
            -moz-transform: translateY(40%);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut5 {
        100% {
            transform: translateY(40%);
            opacity: 0;
        }
    }

    .dl-menu.dl-animate-in-5 {
        -webkit-animation: MenuAnimIn5 0.4s ease;
        -moz-animation: MenuAnimIn5 0.4s ease;
        animation: MenuAnimIn5 0.4s ease;
    }

    @-webkit-keyframes MenuAnimIn5 {
        0% {
            -webkit-transform: translateY(40%);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateY();
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn5 {
        0% {
            -moz-transform: translateY(40%);
            opacity: 0;
        }

        100% {
            -moz-transform: translateY();
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn5 {
        0% {
            transform: translateY(40%);
            opacity: 0;
        }

        100% {
            transform: translateY();
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
        -webkit-animation: SubMenuAnimIn5 0.4s ease;
        -moz-animation: SubMenuAnimIn5 0.4s ease;
        animation: SubMenuAnimIn5 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimIn5 {
        0% {
            -webkit-transform: translateZ(-200px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateZ();
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn5 {
        0% {
            -moz-transform: translateZ(-200px);
            opacity: 0;
        }

        100% {
            -moz-transform: translateZ();
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn5 {
        0% {
            transform: translateZ(-200px);
            opacity: 0;
        }

        100% {
            transform: translateZ();
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
        -webkit-animation: SubMenuAnimOut5 0.4s ease;
        -moz-animation: SubMenuAnimOut5 0.4s ease;
        animation: SubMenuAnimOut5 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimOut5 {
        0% {
            -webkit-transform: translateZ();
            opacity: 1;
        }

        100% {
            -webkit-transform: translateZ(-200px);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut5 {
        0% {
            -moz-transform: translateZ();
            opacity: 1;
        }

        100% {
            -moz-transform: translateZ(-200px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut5 {
        0% {
            transform: translateZ();
            opacity: 1;
        }

        100% {
            transform: translateZ(-200px);
            opacity: 0;
        }
    }

    .menu ul li:hover ul, .menu ul li li:hover ul {
        display: none; /*rtl normalized*/
    }

    .menu ul li {
        float: none; /*rtl normalized*/
    }

        .menu ul li a {
            padding: 15px 20px;
            font-weight: 300;
            color: #fff;
            font-size: 16px !important;
        }

    .menu li a:before {
        display: none; /*rtl normalized*/
    }

    .menu li:hover {
        background: rgba(255,248,213,0.25); /*rtl normalized*/
    }

        .menu li:hover a {
            color: #fff !important; /*rtl normalized*/
        }

    .menu li.current a {
        color: #fff; /*rtl normalized*/
    }

    .menu li.current {
        background: rgba(255,248,213,0.25); /*rtl normalized*/
    }

    .menu ul li ul {
        visibility: visible;
        opacity: 1;
        position: relative;
    }

    .menu ul ul li {
        width: 240px; /*rtl normalized*/
    }

    .menu ul li ul li a {
        padding: 15px 20px;
        font-weight: 300;
        color: #fff !important;
        font-size: 16px;
        border-bottom: none !important;
    }

    .menu ul li ul {
        box-shadow: none;
        border-bottom: none;
    }

        .menu ul li ul li a:hover {
            color: #fff !important; /*rtl normalized*/
        }

    .menu ul ul {
        background: var(--skin-base-color);
        color: #fff;
    }

    .menu ul li ul li a:hover {
        background: rgba(0,0,0,0.25); /*rtl normalized*/
    }

    .menu ul ul ul {
        margin-top: 0px !important;
        right: 0px; /*rtl*/
    }

    .menu ul li ul li ul {
        visibility: visible !important; /*rtl normalized*/
    }

    .box p {
        text-align: center; /*rtl normalized*/
    }

    .box h3 {
        text-align: center; /*rtl normalized*/
    }

    .btn-slider {
        padding: 6px 9px;
        font-size: 13px;
    }

    .hidden-pag {
        display: none; /*rtl normalized*/
    }

    .prl-1 {
        background: url(../content/images/parallax.jpg) right 100% center !important; /*rtl*/
        height: auto;
    }

    .prlx {
        padding-bottom: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 767px) {
    .col-ms-4 {
        width: 100%;
        margin-bottom: 40px;
    }

        .col-ms-4:last-child {
            margin-bottom: 0px; /*rtl normalized*/
        }

    .container {
        padding: 0 25px; /*rtl normalized*/
    }

    .btn-slider {
        padding: 5px 8px;
        font-size: 12px;
    }

    #respond p.comment-form-author {
        width: 100%; /*rtl normalized*/
    }

        #respond p.comment-form-author input {
            width: 100%; /*rtl normalized*/
        }

    #respond p.comment-form-email {
        width: 100%; /*rtl normalized*/
    }

        #respond p.comment-form-email input {
            width: 100%; /*rtl normalized*/
        }

    #respond input, #respond textarea {
        width: 100%; /*rtl normalized*/
    }

    .port-6 {
        width: 100%;
        float: right; /*rtl*/
        position: relative;
        min-height: 1px;
        padding-left: 15px; /*rtl*/
        padding-right: 15px; /*rtl*/
    }

    .port-4 {
        width: 100%;
        float: right; /*rtl*/
        position: relative;
        min-height: 1px;
        padding-left: 15px; /*rtl*/
        padding-right: 15px; /*rtl*/
    }

    .port-3 {
        width: 100%;
        float: right; /*rtl*/
        position: relative;
        min-height: 1px;
        padding-left: 15px; /*rtl*/
        padding-right: 15px; /*rtl*/
    }

    .portfolioFilter ul li a {
        line-height: 35px; /*rtl normalized*/
    }

    .plan {
        margin-left: 0px; /*rtl*/ /*rtl normalized*/
    }

    #style-switcher {
        display: none; /*rtl normalized*/
    }

    .post-2columns:nth-child(odd) {
        width: 100%;
        padding-left: 0px; /*rtl*/
        padding-right: 0px; /*rtl*/
        float: right; /*rtl*/
    }

    .post-2columns:nth-child(even) {
        width: 100%;
        padding-left: 0px; /*rtl*/
        padding-right: 0px; /*rtl*/
        float: right; /*rtl*/
    }

    .medium-5 {
        width: 100%;
        padding-right: 0px; /*rtl*/
        padding-left: 0px; /*rtl*/
        float: right; /*rtl*/
    }

    .medium-7 {
        width: 100%;
        padding-left: 0px; /*rtl*/
        padding-right: 0px; /*rtl*/
        float: right; /*rtl*/
        margin-top: 25px;
    }

    .prlx-1 {
        padding-bottom: 50px;
    }
}

@media (max-width: 480px) {
    .top_line p {
        display: none; /*rtl normalized*/
    }

    .btn-slider {
        padding: 3px 6px;
        font-size: 11px;
    }

    .social-links li:last-child {
        display: none; /*rtl normalized*/
    }

    .copyright {
        text-align: center; /*rtl normalized*/
    }

    .foot_menu {
        float: right; /*rtl*/ /*rtl normalized*/
    }

        .foot_menu ul {
            margin-right: -65px; /*rtl*/ /*rtl normalized*/
        }

    .col-ms-12 {
        width: 100%; /*rtl normalized*/
    }

    .comment-list .children {
        margin-right: 0px; /*rtl*/ /*rtl normalized*/
    }

    .date {
        font-size: 10px;
        float: none;
        margin-bottom: 10px;
        text-align: right; /*rtl*/
    }

    .comment-list .author {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .col-sm-12 {
        width: 100%;
    }
}