@media screen and (max-width: 1300px) {
    .theme .text p {
        font-size: 10px;
    }

    .announce .title,
    .news .title {
        font-size: 11.5px;
    }

    .announce .text,
    .news .text {
        font-size: 11px;
    }

    .navbar {
        padding-left: 8%;
        padding-right: 8%;
    }

    .partners {
        padding-left: 4.5%;
        padding-right: 4.5%;
    }

    .middle-container {
        padding-left: 8%;
        padding-right: 8%;
    }

    .quote {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 8%;
    }

    .news .thumb {
        width: 35%;
        padding-bottom: 18%;
    }

    .news .title {
        width: 52%;
    }
}

@media screen and (max-width: 1183px) {
}

@media screen and (max-width: 1041px) {
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 767px) {
    .dofilter {
        margin-left: 0;
        display: inline;
        float: left;
        display: block;
        margin: 10px 0;
    }

    .person {
        background-color: transparent !important;
    }

    #most-read {
        margin-top: 30px;
    }

    .dofilter span {
        font-size: 16px;
    }

    .logo-link {
        width: 100%;
        margin-left: 0;
    }

    .logo {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .quote {
        display: flex;
        align-content: center;
        flex-direction: column;
        width: 120%;
        background-size: auto 50%;

    }

    .quote span {
        margin-right: 55px;
    }

    .quote p {
        margin-right: 55px;
        font-size: 8px;

    }

    .navbar-form {
        border-color: transparent;
        border: none;
        box-shadow: none;
        float: right;
    }

    .nav.navbar-right {
        margin-right: 20px;
        float: right;
        margin-left: 5px;
        margin-right: 32px;
    }

    .nav.navbar-right li a {
        padding: 12px 8px;
    }

    .nav.navbar-nav li {
        float: left;
    }

    .navbar-toggle {
        border: none;
        position: absolute;
        right: 3%;
        padding: 0;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar-collapse {
        position: absolute;
        background: #fff;
        width: 60%;
        right: 0;
        top: 60px;
        min-height: 100vh;
    }

    #map {
        height: 300px;
        width: 100%;

        float: left;
    }

    .left-bar {
        padding-left: 5px;
        padding-right: 5px;
    }

    .navbar-collapse li {
        float: none !important;
    }

    .navbar-collapse li a {
        color: #333 !important;
        font-size: 15px !important;
        font-weight: bold;
    }

    #menu-close {
        margin-left: 17px;
        width: 40px;
        margin-bottom: 10px;
        margin-top: 10px;
        cursor: pointer;
    }

    .navbar-collapse {
        display: block !important;
        visibility: hidden;
    }

    .navbar-form {
        width: 45%;
        padding: 17px;
    }

    .navbar-form .form-group {
        float: left;
        width: 80%;
    }

    .theme {
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
        float: left;
    }

    .left-bar {
        width: 100%;
    }

    .middle-container,
    .page .middle-container {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        float: left;
        width: 100%;
    }

    .overlay {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.8);
        display: none;
        z-index: 98;
        cursor: pointer;
    }

    .navbar-collapse.in {
        height: 100vh;
    }

    .right-bar a {
        width: 50% !important;
    }

    .right-bar,
    .page .right-bar {
        width: 100%;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        bottom: 0;
        left: 0;
        background: #ccc;
        padding-left: 2px;
        padding-right: 2px;
        z-index: 97;
    }

    .banner {
        width: 50%;
        float: left;
        margin-bottom: 0;
        padding: 5px 2px;

    }

    .banner:nth-child(1) /*.banner:nth-child(2),
    .banner:nth-child(3),
    .banner:nth-child(4),
    .banner:nth-child(5)*/
    {
        width: 100%;
    }

    .banner-link {
        /*display: block;*/
        width: 50%;
    }

    .banner-link:nth-of-type(2n) {
        margin-left: 0;
    }

    .banner-link:nth-child(1) {
        right: 2px;
    }

    .owl-prev {
        position: absolute;
        left: -38px;
        top: 42px;
        transform: scale(0.5);
    }

    .owl-next {
        position: absolute;
        right: -38px;
        top: 42px;
        transform: scale(0.5);
    }

    .theme .thumb {
        width: 24%;
        padding-bottom: 23%;
        margin-bottom: 20px;
        float: left;
    }

    .theme .title {
        font-size: 14px;
    }

    .theme img {
        float: right;
        width: 50px;
    }

    .main-header {
        width: 100%;
        float: left;
    }

    footer .widget {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    .theme .text p,
    .theme .thumb,
    .theme .title,
    .theme img,
    .theme p a {
        filter: grayscale(0);
    }

    .sb-search.sb-search-open,
    .no-js .sb-search {
        width: 45%;
    }

    .sb-search {
        position: relative;
        margin-top: 18px;
        margin-right: 10px;
    }

    .news .title {
        width: 100%;
        float: left;
        text-align: left;
    }

    .news .thumb {
        width: 100%;
        padding-bottom: 50%;
        margin-top: 15px;
        float: left;
    }

    .news-inside {
        width: 100%;
        margin: 0;
    }

    .main {
        width: 100%;
        float: left;
    }

    .news-top .thumb {
        width: 100%;
        padding-bottom: 50%;
        float: left;
        border: none;
        margin-bottom: 2%;
    }

    .news-top .bg {
        display: none;
    }

    .news-top h1 {
        background: none;
        padding-left: 5px;
        margin-left: 1%;

        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 30px;
    }

    .print {
        width: 15%;
        float: left;
        width: 33.33%;
        text-align: right;
        justify-content: flex-end;
    }

    .views i,
    .print i,
    .top-row a {
        color: #000;
    }

    .top-row {
        padding: 5px 10px;
        margin-bottom: 10px;
        display: flex !important;
        align-items: center;
    }

    .top-row > a {
        float: left;
        width: 33.33%;
        z-index: 9;
    }

    .top-row > a i {
        font-size: 21px;
    }

    .views {
        float: left;
        display: flex;
        align-items: center;
        width: 33.33%;
        justify-content: center;
    }

    footer .copy {
        margin-top: 10px;
        padding-left: 15px;
        margin-bottom: 45px;
    }

    .left-tabs,
    .right-tab-container {
        width: 50%;
    }

    .person {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
        filter: grayscale(0);
    }

    .contact-icons > div {
        width: 100%;
        margin-bottom: 20px;
    }

    #mapWrapper,
    .contact-form {
        width: 100%;
        float: left;
        margin-left: 0;
    }

    .partners {
        padding-left: 17%;
        padding-right: 17%;
    }

    .advert,
    .press {
        padding-left: 5px !important;
        padding-right: 5px !important;
        float: left;
        width: 100%;
    }

    .advert .thumb {
        margin-right: 0;
        width: 100%;
        padding-bottom: 65%;
        margin-bottom: 10px;
        float: left;
    }

    .advert .text {
        width: 100%;
        float: left;
    }

    .advert .btn-primary {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
        padding: 10px;
    }

    #show .thumb {
        width: 100%;
        padding-bottom: 50%;
    }

    .press .thumb {
        margin-right: 0;
        width: 100%;
        padding-bottom: 100%;
        background-size: 55%;
    }

    .press h2 {
        font-size: 17px;
        bottom: 10px;
        width: 90%;
    }

    .press .text,
    .press .text .col-md-3,
    .press .text .col-md-9 {
        width: 100%;
        float: left;
    }

    .social {
        width: 100%;
        float: left;
    }

    .social a {
        width: 50%;
        padding-top: 6px;
        float: left;
    }

    .news-cont {
        float: left;
        padding: 5px;
        width: 100%;
    }

    .carousel-caption p {
        margin-top: 0;
        font-size: 17px;
        margin-top: -5%;
    }

    .item > .thumb {
        height: 55vh;
    }

    #home-slider .item > .thumb {
        height: 100%;
    }

    #home-slider .carousel-indicators {
        width: 100%;
    }

    #home-slider .item > .thumb {
        width: 100%;
        height: 100%;
    }

    #home-slider .carousel-caption {
        height: 15%;
        width: 100%;
    }

    #home-slider .carousel-control.right {
        right: 0;
        left: auto;
    }

    .logo img {
        float: left;
        margin-right: 15px;
        height: auto;
        width: 100%;
        margin: 0 auto;
    }

    .carousel-control {
        width: 24%;
        z-index: 99;
    }

    .person h2 {
        font-size: 13px;
    }

    [id^=mnModal] .modal-dialog {
        width: 96% !important;
        margin: 0 auto;
    }

    [id^=mnModal] .modal-dialog img {
        width: 100%;
        margin: 5px auto 20px !important;
    }

    .mans h2 {
        font-size: 13px !important;
    }

    .advert-in .news-top h1 {
        background: none;
        padding: 0;
        font-weight: bold;
        text-align: justify;
        width: 100%;
        margin: 0 0 20px 0 !important;
        text-align: center;
    }

    .adv-date {
        margin: 20px auto !important;
        float: none !important;
        width: 40%;
        clear: both;
        text-align: center;
        display: block !important;
    }

    .advert-in .news-top .thumb {
        width: 100%;
        padding-bottom: 60%;
        border: none;
        float: left;
    }

    .banner span {
        font-size: 11px;
    }

    .news-top {
        padding-bottom: 5px;
        margin-bottom: 20px;
    }

    .nav li.social-media-custom {
        margin-left: 10px;
    }
}

@media (max-width: 500px) {
    .carousel-caption p {
        font-size: 14px;
        margin-top: -20%;
        margin-bottom: 10px;
        padding: 10px;
    }

    .carousel-caption span {
        font-size: 14px;
    }

    #image-gallery li {
        background-size: 100% auto;
    }


}

@media (max-width: 400px) {
    .carousel-caption p {
    / / margin-top: - 34 %;
    }

    .right-bar {
        margin-top: 30px !important;
    }

    .banner span {
        font-size: 8px;
    }


}

@media (min-width: 1445px) {
    .announce {
        margin-bottom: 15px;
    }

    .announce .title,
    .news .title {
        font-size: 14px;
    }

    .announce .text,
    .news .text {
        color: #686868;
        font-size: 14px;
    }

}

@media (min-width: 1600px) {
}

@media (min-width: 1800px) {
    .item > .thumb {
        width: 45%;
        padding-bottom: 40%;
    }

    .quote {
        font-size: 14px;
        width: 29%;
        padding-right: 6%;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .sb-search {
        margin-top: 18px;
    }

    .theme .text p {
        font-size: 15px;
    }

    .theme .title {
        font-size: 16px;
    }

    .announce .title,
    .news .title {
        font-size: 16px;
    }

    .announce .text,
    .news .text {
        color: #686868;
        font-size: 16px;
    }

    footer .widget.about a {
        font-size: 16px;
    }

    footer .widget.about p {
        font-size: 16px;
    }

    .theme .thumb {
        width: 29%;
        padding-bottom: 29%;
    }

    .main-header {
        height: 40px;
    }

    .main-header h2 {
        margin: 0;
        font-size: 17px;
    }
}

.tab-pane .panel-title {
    background: #8c808d !important;
    cursor: pointer;
}

.tab-pane .panel-title.collapsed {
    background: #005596 !important;
}

.person h2 {
    font-size: 17px;
}

.mans h2 {
    font-size: 17px;
}

.panel a {
    display: initial !important;
}