/*
    =============================
        From 0 To 1024 px
    =============================
*/

@media(max-width: 1024px) {
    .loadinga .intro {
        margin-top: 20%
    }
}


/*
    =============================
        From 992 px To 1024 px
    =============================
*/

@media (min-width: 992px) and (max-width: 1024px) {
    .main-nav nav ul.navbar-nav li a {
        padding: 8px 8px;
        font-size: 14px;
    }
    #slider-full-screen-tow .owl-item img {
        max-width: 40%;
    }
    .hidden-1024 {
        display: none !important
    }
    .show-1024 {
        display: block !important;
        max-width: 60%;
        margin-right: auto;
        margin-left: auto
    }
    .content-tow .show-1024 {
        max-width: 75%;
    }
    .content-four .show-1024 {
        margin-top: 28px;
    }
    .mangement .content-five .image-text .img {
        margin-top: 100px
    }
    .clo-4-1024 {
        width: 33.3333%
    }
}


/*
    =============================
        From 1024 To large screen
    =============================
*/

@media (min-width: 1024px) {
    .menu-right .logo {
        margin-left: 10px;
    }
    #slider-full-screen-tow .owl-item img {
        max-width: 35%;
    }
}


/*
    =============================
        From 991 To large
    =============================
*/

@media(min-width: 991px) {
    .navbar-nav {
        direction: ltr;
    }
    .clients .content-one .images-clients .item {
        width: auto
    }
    .clients .block-text {
        max-width: 90%;
    }
}


/*
    =============================
        From 0 To 991 px
    =============================
*/

@media(max-width: 991px) {
    .menu-right .logo img {
        margin: 0 auto;
        float: none !important;
        margin-bottom: 10px
    }
    .logolarge {
        max-width: 40% !important;
    }
    .vedioes .content .item {
        height: 300px
    }
    .vedioes .content .item iframe,
    .vedioes .content .item video {
        height: 300px !important;
    }
}


/*
    =============================
        From 0 To 835 px
    =============================
*/

@media(max-width:835px) {
    .owl-carousel {
        margin-bottom: 20px
    }
    .mangement .item-image {
        margin: auto
    }
    .mangement .item-image img {
        margin-top: 0 !important
    }
    .mangement .content-item {
        padding: 0 40px;
    }
    .mangement .content-one .item-image {
        width: 75%;
        margin: 27px auto;
    }
    .hidden-1024 {
        display: none !important
    }
    .show-1024 {
        display: block !important;
        max-width: 60%;
        margin-right: auto;
        margin-left: auto
    }
    .mangement .content-three .block-text {
        margin-left: 0 !important
    }
    .hidden-m-min-834 {
        display: none;
    }
    .show-m-max-834 {
        display: block
    }
    .show-m-max-834 .item-image img {
        margin-top: 0 !important
    }
    .show-m-max-834 .item-image {
        margin-top: 32px
    }
    .content-sex .item-image {
        max-width: 80% !important;
    }
    .success .images-success {
        padding-right: 0;
    }
    .signatur-img {
        max-width: 31%;
        margin: 10px auto;
    }
    .clients .content-one {
        padding-right: 40px;
        padding-left: 40px;
    }
    .clients .content-tow {
        padding-left: 40px;
    }
    .clients .block-text {
        max-width: 90%;
        margin-bottom: 30px
    }
    .vedioes .content .item-box iframe,
    .vedioes .content .item-box video,
    .vedioes .content .item-box {
        height: auto !important;
    }
    footer .nav-footer ul li:first-of-type::after,
    footer .nav-footer ul li::after {
        display: none
    }
    .training .training-block .training-posts {
        width: 100%
    }
    .col-834-4 {
        width: 40%;
        float: left;
    }
    .col-834-8 {
        width: 60%;
        float: left;
    }
    .training-posts .post-buttons a {
        float: none !important;
        margin-bottom: 10px
    }
    .library .media .media-tabs-buttons li {
        width: 200px;
    }
    .col-2-834 {
        width: 50%;
        float: left;
    }
    .library .content-tow {
        width: 100%
    }
    .library .content-tow .col-834-4 {
        width: 40%;
        float: right;
    }
    .library .content-tow .col-834-8 {
        width: 60%;
        float: right;
    }
    .library .content-tow,
    .library .content-three,
    .library .content-four {
        width: 100%
    }
}


/*
    =============================
        From 748 To 888 px
    =============================
*/

@media(min-width: 748px) and (max-width: 888px) {
    .hidden-custom-xs {
        display: none;
    }
    footer .nav-footer ul li {
        display: block !important;
        border: none !important;
    }
}


/*
    =============================
        From 836 To 990 px
    =============================
*/

@media (min-width: 836px) and (max-width: 990px) {}


/*
    =============================
        From 768 To 835 px
    =============================
*/

@media(min-width: 768px) and (max-width: 835px) {
    .loadinga .intro {
        margin-top: 23%
    }
    .main-nav nav ul.navbar-nav li a {
        padding: 5px 0;
    }
    .navbar-toggle {
        display: none;
    }
    .collapse {
        display: block
    }
    .navbar-nav {
        float: none;
    }
    .main-nav nav ul.navbar-nav li {
        display: inline-block;
        width: 30.0%;
        margin-right: 2.8%;
        text-align: center;
    }
    .main-nav nav ul.navbar-nav li a {
        font-size: 14px;
        padding: 5px 0;
    }
    .slider-home-one .owl-nav {
        top: 25%;
    }
    .slider-full-screen .slider-home-one .owl-nav .owl-next {
        right: 2% !important;
    }
    .slider-full-screen .slider-home-one .owl-nav .owl-prev {
        left: 2% !important;
    }
    footer .nav-footer ul li {
        margin-right: 4px;
        display: block;
        text-align: left !important;
    }
    footer .nav-footer ul li a {
        padding: 0px;
        padding-left: 7px;
    }
    footer .nav-footer ul li a:after {
        height: 20px;
        width: 1px;
    }
    .hidden-custom-xs {
        display: none !important
    }
    /*
        =============
            ABOUT PAGE
        =============
    */
    .content-three .item-image,
    .content-tow .item-image {
        max-width: 75%;
        margin-right: auto;
        margin-left: auto
    }
    .content-tow .img-section {
        max-width: 65%;
        margin-right: auto;
        margin-left: auto
    }
    .content-three .block-text,
    .content-five .block-textz {
        margin-left: 20px;
    }
    .content-five .item-image {
        max-width: 44%;
    }
    .clo-4-1024 {
        width: 33.3333%
    }
    .clo-6-834 {
        width: 50%;
        float: left;
    }
}


/*
    =============================
        From 0 To 768 px
    =============================
*/

@media (max-width: 768px) {
    .vedioes .content .item-box {
        height: auto !important;
    }
    .vedioes .content .item-box iframe,
    .vedioes .content .item-box video {
        height: auto !important;
    }
    .vedioes .content .item,
    .vedioes .content .slider-box .slider-home-one .item img {
        height: 276px !important;
    }
    .vedioes .content .item {
        margin-bottom: 20px;
    }
    .vedioes .content .item,
    .vedioes .content .slider-box .slider-home-one .item img {
        height: 276px !important;
    }
    .loadinga .intro img {
        height: auto;
        margin-top: 5%;
        margin-left: auto;
        margin-right: auto
    }
    .navbar-nav {
        margin-right: 0;
        margin-left: 0;
    }
    .main-nav nav ul.navbar-nav li {
        margin-right: 0;
    }
    .main-nav nav ul.navbar-nav li a {
        padding-left: 20px;
    }
    .top-nav .form-login,
    .top-nav .social-contact {
        width: 100% !important;
        float: none !important;
        text-align: center
    }
    .top-nav .form-login {
        margin-top: 14px;
        margin-bottom: 8px
    }
    .top-nav .social-contact {
        margin-bottom: 5px
    }
    .social-contact .btn-contact-us {
        margin: 0 !important;
        margin-left: 10px !important;
    }
    .social-contact ul li {
        margin-left: 0 !important;
    }
    .wellcom .content {
        padding: 7px 20px
    }
    .vedioes .content .item {
        height: 300px
    }
    .vedioes .content .item iframe,
    .vedioes .content .item video {
        height: 300px !important;
    }
    .slider-full-screen .slider-home-one .owl-nav .owl-next {
        right: 2% !important;
    }
    .slider-full-screen .slider-home-one .owl-nav .owl-prev {
        left: 2% !important;
    }
    .content-item {
        padding-left: 10px;
        padding-right: 10px
    }
    footer .nav-footer ul {
        overflow: hidden;
    }
    footer .nav-footer ul li:after {
        display: none;
    }
    footer .nav-footer {
        text-align: left;
    }
    footer .nav-footer ul li {
        display: block
    }
    /*
        =============
            ABOUT PAGE
        =============
    */
    .content-three .item-image,
    .content-tow .item-image {
        max-width: 75%;
        margin-right: auto;
        margin-left: auto
    }
    .content-tow .img-section {
        max-width: 65%;
        margin-right: auto;
        margin-left: auto
    }
    .content-three .block-text,
    .content-five .block-textz {
        margin-left: 20px;
    }
    .content-five .item-image {
        max-width: 44%;
    }
    .about-us .block-text {
        max-width: 95%;
    }
    .about-us .content-list .content-one .content-item .item-image {
        margin-right: auto;
        margin-left: auto
    }
    .content-three .show-1024 {
        max-width: 50%;
    }
    .hidden-custom-xs {
        display: none !important
    }
    .clo-6-834 {
        width: 50%;
        float: left;
    }
}


/*
    =============================
        From 481 To 767 px
    =============================
*/

@media (min-width: 481px) and (max-width: 767px) {
    .top-nav .form-login .btn-login {
        margin-bottom: 3px;
    }
    .logolarge {
        display: block !important;
    }
    .logosmall {
        display: none !important;
    }
    .btn-contact-us-xs {
        display: none !important;
    }
    .social-contact .btn-contact-us {
        display: inline-block !important;
    }
    .all-navbar .top-nav {
        margin-bottom: 10px
    }
    .social-contact .btn-contact-us {
        margin-right: 20px !important;
    }
    .form-login form input {
        max-width: 180px;
    }
    .btn-contact-us-xs {
        margin-bottom: 10px;
    }
    .top-nav .form-login .btn-login {
        margin-bottom: 2px;
    }
    .top-nav .form-login .btn-login {
        margin-left: 10px;
    }
    .social-contact .btn-contact-us {
        display: block;
        width: 110px;
        margin-right: 15px !important;
        margin-bottom: 5px !important;
    }
    .form-login form input {
        max-width: 193px;
    }
    .top-nav .social-contact .lang {
        float: none;
        margin-right: auto;
        margin-left: 39px;
    }
    .hidden-custom-xs {
        display: none !important
    }
    .success .images-success .item,
    .success .block-text,
    .success .title-section {
        width: 81%;
        margin-right: auto;
        margin-left: auto
    }
    .success .block-text {
        margin-bottom: 40px
    }
    .clo-4-1024 {
        width: 33.3333%
    }
    .clo-6-834 {
        width: 100%;
        float: none;
    }
}


/*
    =============================
        From 0 To 480 px
    =============================
*/

@media (max-width: 480px) {
    .padding-section {
        padding: 0
    }
    .top-nav .form-login .btn-login,
    .btn-contact-us-xs {
        margin-bottom: 10px;
    }
    .logolarge {
        display: block !important;
        max-width: 62% !important;
    }
    .content-tow .texts-block .item-text {
        float: none;
        margin-bottom: 7px;
        width: 100%
    }
    .content-tow .texts-block .img-section {
        margin-top: 0;
    }
    .logosmall {
        display: none !important;
    }
    .all-navbar .top-nav {
        margin-bottom: 10px
    }
    .social-contact .btn-contact-us {
        margin-right: 20px !important;
    }
    .form-login form input {
        max-width: 180px;
    }
    .top-nav .form-login .btn-login,
    .btn-contact-us-xs {
        margin-bottom: 10px;
    }
    .top-nav .form-login .btn-login {
        margin-left: 10px;
    }
    .social-contact .btn-contact-us {
        display: block;
        width: 100px;
        margin-right: auto!important;
        margin-left: auto !important;
        margin-bottom: 5px !important;
    }
    .form-login form input {
        max-width: 193px;
    }
    .top-nav .social-contact .lang {
        float: none;
        margin-right: auto;
        margin-left: 39px;
    }
    .hidden-custom-sm {
        display: none !important
    }
    .hidden-custom-xs {
        display: block !important
    }
    .margin-left-minus {
        margin-left: -50px;
    }
    .vedioes .content .item-box {
        height: auto !important;
    }
    .vedioes .content .item-box iframe,
    .vedioes .content .item-box video {
        height: auto !important;
    }
    .vedioes .content .item,
    .vedioes .content .slider-box .slider-home-one .item img {
        height: 276px !important;
    }
    .vedioes .content .item {
        margin-bottom: 20px
    }
    .content-one .content-item .item-image,
    .content-three .item-image,
    .content-tow .item-image {
        max-width: 100%;
    }
    .tabs-nav-sm .tabs-list {
        margin-bottom: 56px;
    }
    .mangement .content-one .item-image,
    .mangement .content-tow .item-image {
        width: 100% !important;
    }
    .show-1024 {
        margin-top: 16px !important;
        max-width: 75%;
    }
    .success {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .tabs-nav-sm .tabs-list {
        margin-bottom: 20px;
    }
    .tabs-nav-sm .tabs-list {
        padding: 0;
        margin-right: 20px;
    }
    .signatur-img {
        max-width: 60%;
    }
    .clo-6-834,
    .col-834-4,
    .col-2-834,
    .col-834-8 {
        width: 100%;
        float: none;
    }
    .thubnail img {
        margin: 10px auto
    }
    .library .media {
        width: 100%;
    }
    .media-tow .publications .item img {
        margin: 0 auto
    }
    .library .media .media-tabs-buttons li {
        width: 140px;
    }
    .library .content-tow .col-834-4 {
        width: 100%;
        float: none;
    }
    .library .content-tow .col-834-8 {
        width: 100%;
        float: none;
    }
    .calendar.fc.fc-unthemed{
        padding: 5px !important;
        width: auto !important;
        font-size: 11px !important;
    }
    .popup .inner{
        width: 100% !important;
        left: unset !important;
    }
    .copy-right-text{
        margin-top: 15px;
    }
}


/*
    =============================
        From 0 To 320 px
    =============================
*/

@media (max-width: 320px) {
    .logosmall {
        display: block !important;
        margin: 0 auto;
        margin-bottom: 0px;
        max-width: 42% !important;
        margin-bottom: 10px;
    }
    .logolarge {
        display: none !important;
    }
    .top-nav .form-login .btn-login,
    .btn-contact-us-xs {
        margin-bottom: 10px;
    }
    .carousel-indicators {
        bottom: -12px;
    }
    .vedioes .content .item {
        height: 200px
    }
    .vedioes .content .item iframe,
    .vedioes .content .item video {
        height: 200px !important;
    }
    .margin-left-minus {
        margin-left: 0;
    }
    .vedioes .content .item {
        margin-bottom: 20px
    }
    .slider-home-one .owl-nav {
        top: 11%;
    }
    .content-one .content-item .item-image,
    .content-three .item-image,
    .content-tow .item-image {
        max-width: 100%;
    }
    .tabs-nav-sm .tabs-list li {
        font-size: 12px;
        display: block;
        border-right: 0;
    }
    .mangement .content-item {
        padding: 0 20px;
    }
    .content-three .show-1024 {
        max-width: 75%;
    }
    .content-sex .item-image {
        max-width: 95% !important;
    }
    .success {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .tabs-nav-sm .tabs-list {
        padding: 0;
        margin-right: 20px;
    }
    .col-mob-12 {
        width: 100%
    }
    .clo-6-834 {
        width: 100%;
        float: none;
    }
    .library .media .media-tabs-buttons li {
        width: 94px;
    }
    .calendar.fc.fc-unthemed{
        padding: 5px !important;
        width: auto !important;
        font-size: 11px !important;
    }
    .popup .inner{
        width: 100% !important;
        left: unset !important;
    }
    .item-caption-new{
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .item-caption-new p{
        font-size: 2.6vw !important;
    }
    .table-list,.table-list .table-responsive, .table-list .table{
        overflow: auto;
    }
}

/*blog*/
    .blog-post .posts {
        max-width: 100%;
    }
    .col-767-3 {
        width: 30%;
        float: left;
    }
    .col-767-7 {
        width: 70%;
        float: left;
    }

/*
    =============================
        From 0 To 320 px
    =============================
*/
 /*blog*/
    .col-767-3,
    .col-767-7 {
        width: 100%;
        float: none;
    }
    .item-body .exerpet {
        margin-bottom: 30px
    }

/*
STYLE-AR
*/
/*
  ===================
            BLOG PAGE
   ===================
*/

.sidebar .wedget-content ul {
    padding-left: 0;
    padding-right: 10px;
}

.blog-post .posts .post-item .read-more {
    right: auto;
    left: 0;
}

/*
    =============================
        From 0 To 768 px
    =============================
*/
 .col-767-7,
    .col-767-3 {
        float: right;
    }