.tp-banner-container {
    height: 900px;
}

@media screen and (max-width: 1250px) {
    .img_prlx img {
        width: 1150px;
        margin-top: 72px;
    }
}

@media screen and (max-width: 1230px) {
    .tp-banner-container {
        height: 100%;
    }
}

@media screen and (min-width: 992px) {
    #responsive-menu {
        position: relative;
    }

    #responsive-menu.closed {
        max-height: none;
        display: block;
    }

    #responsive-menu-toggle {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .prl-2 {
        height: 310px;
    }

    .background_2 {
        height: 310px;
    }

    .clients div span {
        padding: 10px 15%;
    }

    .footer {
        height: auto;
        padding-bottom: 20px;
    }

    .prl-1 {
        background: url(../images/parallax.jpg) 100% !important;
        height: 500px;
    }

    .prlx {
        background-color: rgba(50, 50, 50, 0.85);
        height: 500px;
    }

    .img_prlx img {
        width: 950px;
        margin-top: 75px;
    }

    .prl-2 {
        background-position: 0% 0px !important;
        background: url(../images/parallax2.jpg) !important
    }

    .animated {
        -webkit-animation: 0 !important;
    }

    .contact_width {
        width: 100%
    }

    .contact {
        width: 100%
    }

    .one50 {
        margin-top: 50px;
    }

    .img_comm {
        margin-right: 80px;
    }

    .round_right a i {
        margin: 250px 5px 0 0;
    }

    .round_left a i {
        margin: 250px 5px 0 0;
    }

    .hover-project {
        width: 93.9%;
        height: 100.2%
    }

    .testi-slider .flex-control-paging li a {
        width: 15px;
        height: 15px;
    }

    .port-hover {
        width: 25% !important;
    }

    .super-menu li a {
        font-size: 13px;
    }

    .bloq:before {
        top: 150px;
    }
}

@media screen and (max-width: 991px) {
    #responsive-menu {
        position: absolute;
        top: 40px;
        right: 27px;
        width: auto;
        height: 9999px;
        overflow: hidden;
        z-index: 99999999;
    }

    #responsive-menu.opened .second-label-menu-top {
        background: url(../images/responsive-next-top-menu.png);
        width: 12px;
        height: 12px;
        float: right;
        margin-top: 3px;
    }

    #responsive-menu.opened .arrow_menu::after {
        right: 9px !important;
    }

    #responsive-menu.opened .super-menu ul li, #responsive-menu.opened .super-menu ul ul li {
        background: #181818;
        border-bottom: 1px solid #777;
    }

    .karatgold-site #responsive-menu.opened .super-menu ul ul li {
        border-top: 1px solid #484848 !important;
    }

    #responsive-menu > ul > li {
        height: auto !important;
        display: block;
        float: none;
        margin-left: 0px;
        overflow: auto;
        margin-right: -20px;
        width: 250px;
        padding-left: 6px;
    }

    #responsive-menu.opened {
        height: auto !important;
        max-height: 9999px !important;
    }

    #responsive-menu.opened .super-menu ul li.product-menu-format ul {
        margin-left: 0 !important;
        padding-left: 10px !important;
    }

    #responsive-menu.opened .super-menu ul li.product-menu-format ul li {
        border-bottom: none !important;
    }

    .karatbars-site #responsive-menu.opened .super-menu ul li.product-menu-format ul li {
        border-top: 1px solid #777 !important;
    }

    .karatgold-site #responsive-menu.opened .super-menu ul li.product-menu-format ul li {
        border-top: 1px solid #484848 !important;
    }

    #responsive-menu.opened .super-menu ul li {
        padding-left: 10px !important;
        border-bottom: none !important;
    }

    .karatbars-site #responsive-menu.opened .super-menu ul li {
        border-top: 1px solid #777 !important;
    }

    .karatgold-site #responsive-menu.opened .super-menu ul li {
        border-top: 1px solid #484848 !important;
    }

    #responsive-menu.closed {
        max-height: 0px;
    }

    .super-menu ul {
        position: static;
        height: 100% !important;
        overflow: auto;
        visibility: visible;
        z-index: 9999;
        padding: 0;
        margin-left: 0px;
    }

    .super-menu ul ul {
        margin-left: 0px;
    }

    .super-menu li * {
        line-height: 25px;
    }

    .super-menu li a {
        font-size: 15px;
        color: #fff;
        font-weight: 300
    }

    .super-menu li ul li a {
        padding-left: 25px;
    }

    .super-menu li ul li ul li a {
        padding-left: 45px;
    }

    .super-menu a {
        padding: 5px;
    }

    .super-menu a.active {
        color: #fff;
    }

    .super-menu a:hover {
        color: #fff;
    }

    .karatbars-site .super-menu li {
        background: #000;
        border-bottom: 1px solid #777;
    }

    .karatgold-site .super-menu li {
        background: #1a1e21;
        border-bottom: 1px solid #484848 !important;
    }

    .super-menu ul li, .super-menu ul ul li:last-child {
        margin-right: 0px !important;
    }

    .super-menu ul ul li:last-child {
        margin-right: 0px !important;
        border: none;
    }

    #velcro-header {
        position: relative;
    }

    .parall_width {
        width: 100%;
    }

    .ipad {
        display: none;
    }

    .prl-2 {
        height: 320px;
    }

    .footer {
        height: auto;
        padding-bottom: 30px;
    }

    .footer_bottom {
        height: auto;
    }

    [class*="col-"] {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .prl-1 {
        background: url(../images/parallax.jpg) 50% !important;
    }

    .prl-2 {
        background-position: 0% 0px !important;
        background: url(../images/parallax2.jpg) !important
    }

    .background_1 {
        height: 450px;
    }

    .animated {
        -webkit-animation: 0 !important;
    }

    .page-in {
        margin-top: -70px;
    }

    .left_ab {
        height: 100%;
        width: 100%;
    }

    .hr_none {
        display: block;
        margin-top: 65px;
    }

    .contact_width {
        width: 100%
    }

    .contact {
        width: 100%
    }

    .img_comm {
        margin-right: 60px;
    }

    .testi-slider .flex-control-paging li a {
        width: 15px;
        height: 15px;
    }

    .port-hover {
        width: 25% !important;
    }

    .hide-2sec {
        display: block !important
    }

    .prl-1 {
        background: url(../images/parallax.jpg) 100% !important;
        height: 500px;
    }

    .prlx {
        background-color: rgba(50, 50, 50, 0.85);
        height: 500px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .prl-2 {
        height: 335px;
    }

    .clients div span {
        padding: 0px 15%;
    }

    .footer_bottom [class*="col-"] {
        padding: 0px
    }

    .hr_none {
        display: none;
        margin-top: 65px;
    }

    .cont-marg {
        margin-top: 50px;
    }

    .plan {
        margin-right: 0px;
    }

    .hover-project {
        width: 92%;
        height: 100.3%;
    }

    .portfolio .item {
        padding: 0px 15px;
    }

    .background_2 {
        height: 335px;
    }

    .round_right a i {
        margin: 180px 5px 0 0;
    }

    .round_left a i {
        margin: 180px 5px 0 0;
    }

    .port-hover {
        width: 33.33333% !important;
    }

    .bloq:before {
        top: 210px;
    }

    .img_prlx img {
        width: 720px;
        margin-top: 66px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .img_prlx img {
        width: 550px;
        margin-top: 110px;
    }
}

@media (max-width: 767px) {
    .welcome_footer {
        margin-top: 35px;
    }

    .soc {
        margin-bottom: 60px;
    }

    .clients {
        margin-top: 0px;
    }

    .clients div span {
        padding: 0px 15%;
    }

    .footer_bottom [class*="col-"] {
        padding: 0 15px;
    }

    .hr_foot {
        margin-top: 35px;
    }

    .prl-2 {
        background: #f7f7f7;
        min-height: 350px;
        height: 400px;
    }

    .cont-marg {
        margin-top: 50px;
    }

    .plan {
        margin-right: 0px;
    }

    .medium-image {
        margin: 0;
        width: 100%;
    }

    .medium-content {
        margin-left: 0;
        margin-top: 0px;
    }

    .img_comm {
        margin-right: 40px;
    }

    .comment-inner {
        margin-left: 121px;
    }

    .hover-project {
        background: none;
        width: 0%;
        height: 0%;
    }

    .round_right a i {
        display: none;
    }

    .round_left a i {
        display: none;
    }

    .project-entry p {
        display: none;
    }

    #style-switcher {
        display: none;
    }

    .background_2 {
        min-height: 350px;
        height: 400px;
    }

    .port-hover {
        width: 50% !important;
    }

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

    .col-pr-6 {
        width: 50%;
    }

    .bloq:before {
        top: 155px;
    }

    .marg75_icon:last-child {
        margin-top: 50px;
    }

    .promo {
        height: 180px;
    }

    .prl-1 {
        background: url(../images/parallax.jpg) 100% !important;
        height: 500px;
    }

    .prlx {
        background-color: rgba(50, 50, 50, 0.85);
        height: 500px;
    }

    .portfolioFilter ul li a {
        padding: 10px
    }

    #royal_preloader.text .loader {
        font-size: 20px;
    }

}

@media (max-width: 599px) {
    .img_prlx {
        display: none;
    }

    .prl-1 {
        background: url(../images/parallax.jpg) 100% !important;
        height: 400px;
    }

    .prlx {
        background-color: rgba(50, 50, 50, 0.85);
        height: 400px;
    }

    .portfolioFilter ul li a {
        padding: 8px
    }

    #royal_preloader.text .loader {
        font-size: 18px;
        letter-spacing: 0px;
    }

}

@media (max-width: 480px) {
    .clients div span {
        padding: 0px 15%;
    }

    .prl-2 {
        background: #f7f7f7;
        min-height: 400px;
        height: 470px;
    }

    .portfolioFilter ul li {
        margin-right: 1px;
    }

    .portfolioFilter ul li a {
        font-size: 12px;
        padding: 3px;
    }

    .cont-marg {
        margin-top: 50px;
    }

    .plan {
        margin-right: 0px;
    }

    .medium-image {
        margin: 0;
        width: 100%;
    }

    .medium-content {
        margin-left: 0;
        margin-top: 0px;
    }

    .marg0 {
        margin-top: 0px;
    }

    .prl-1 {
        height: 430px;
    }

    .wel_cenm {
        display: none;
    }

    .shortcode_tab_item_title {
        padding: 10px 5px;
    }

    .background_2 {
        min-height: 400px;
        height: 470px;
    }

    .main_team .image {
        height: 140px;
        width: 140px;
    }

    .port-hover {
        width: 100% !important;
    }

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

    #bx-pager a img {
        height: 60px;
        width: 60px;
    }

    .bloq:before {
        top: 225px;
    }

    .marg50_icon {
        margin-top: 10px;
    }

    .marg75_icon {
        margin-top: 10px;
    }

    .marg75_icon:last-child {
        margin-top: 10px;
    }

    .promo {
        height: 230px;
    }

    .prl-1 {
        background: url(../images/parallax.jpg) 100% !important;
        height: 420px;
    }

    .prlx {
        background-color: rgba(50, 50, 50, 0.85);
        height: 420px;
    }

    .portfolioFilter ul li a {
        padding: 4px;
        font-size: 10px;
    }

    #royal_preloader.text .loader {
        font-size: 15px;
        letter-spacing: 0px;
    }

}

@media (max-width: 360px) {
    .portfolioFilter ul li a {
        padding: 3px;
        font-size: 11px;
    }

    #bx-pager a img {
        height: 54px;
        width: 54px;
    }

    .welcome_page h3 {
        line-height: 1.3
    }

    .welcome h2 {
        line-height: 1.2
    }

    #royal_preloader {
        display: none;
    }

    .promo-hr {
        display: none;
    }

    .promo-btn {
        display: none !important;
    }

}

@media screen and (max-width: 768px) {
    .page-in {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {

    [class*="col-"] {
        padding-bottom: 0;
        padding-top: 0;
    }

    .form-group {
        margin-bottom: 10px;
    }

}

@media (max-width: 600px) {

    [class*="col-"] {
        padding-bottom: 0;
        padding-top: 0;
    }

    .form-group {
        margin-bottom: 10px;
    }

}

@media (max-width: 500px) {

    .form-group {
        margin-bottom: 10px;
    }

    [class*="col-"] {
        padding-bottom: 0;
        padding-top: 0;
    }

}

.tabcontainer {
    width: 100%;
}