/*------------------------------------------------------------------//
//	RESPONSIVE SYSTEM												//
//------------------------------------------------------------------*/
.container {
    max-width: 1440px;
}

@media screen and (min-width: 1200px) {

    /* PC 1200+  */
    .menu-indicator {
        display: none;
    }

    header .logo {
        padding: 5px 0px;
    }

    #homeVideo {
        margin-top: 74px;
        height: calc(100vh - 74px);
        object-fit: cover;
    }

    .search-results {
        display: none !important;
    }

    .v-mobile {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    header {
        padding: 5px;
    }

    header .logo {
        margin: 0px;
    }

    header .logo img {
        width: 93px !important;
    }

    header nav.menu {
        display: none;
    }

    #map {
        display: none;
    }

    #homeVideo {
        margin-top: 50px;
    }

    .search-table {
        display: none !important;
    }

    .v-mobile {
        display: flex !important;
    }

    .v-desktop {
        display: none !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    header {
        padding: 4px;
    }

    header .logo {
        margin: 0px;
    }

    header .logo img {
        width: 91px !important;
    }

    header nav.menu {
        display: none;
    }

    .container {
        max-width: 100% !important;
    }

    .slider .slider-item .text .title {
        font-size: 26px;
    }

    .slider .slider-item .text .sub-title {
        font-size: 13px;
    }

    .announcement-trigger {
        font-size: 9px !important;
        right: 17px !important;
    }

    .announcement-trigger i {
        font-size: 18px !important;
    }

    .category-posts .category-post-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .announcement-content .announcement-content-wrapper {
        width: 90% !important;
    }

    footer .footer-wrapper .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer {
        padding-top: 50px !important;
    }

    footer .footer-wrapper .menu {
        margin-top: 35px;
    }

    .sub-page-content .detail-tools .gallery {
        margin: 0px !important;
    }

    .sub-page-content .detail-tools {
        margin-bottom: 30px;
    }

    .sub-page-content .detail-tools,
    .sub-page-content .article,
    .sub-page-content .contact-information,
    .sub-page-content .map {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #map {
        overflow: auto;
    }

    .map svg {
        width: auto;
    }

    #map {
        display: none;
    }

    #homeVideo {
        margin-top: 50px;
    }

    .search-table {
        display: none !important;
    }

    .v-mobile {
        display: flex !important;
    }

    .v-desktop {
        display: none !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    header {
        padding: 4px;
    }

    header .logo {}

    .search-table {
        display: none !important;
    }

    header .logo img {
        width: 115px !important;
    }

    header nav.menu {
        display: none;
    }

    .container {
        max-width: 100% !important;
    }

    .slider .slider-item .text .title {
        font-size: 26px;
    }

    .slider .slider-item .text .sub-title {
        font-size: 13px;
    }

    .announcement-trigger {
        font-size: 9px !important;
        right: 17px !important;
    }

    .announcement-trigger i {
        font-size: 18px !important;
    }

    .category-posts .category-post-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .announcement-content .announcement-content-wrapper {
        width: 90% !important;
    }

    footer .footer-wrapper .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer {
        padding-top: 50px !important;
    }

    footer .footer-wrapper .menu {
        margin-top: 35px;
    }

    .sub-page-content .detail-tools .gallery {
        margin: 0px !important;
    }

    .sub-page-content .detail-tools {
        margin-bottom: 30px;
    }

    .sub-page-content .detail-tools,
    .sub-page-content .article,
    .sub-page-content .contact-information,
    .sub-page-content .map {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #map {
        overflow: auto;
    }

    .map svg {
        width: auto;
    }

    main .container .regions .cities a {
        width: 32% !important;
        margin-right: 1% !important;
    }

    .sub-page .sub-page-title {
        padding-top: 92px !important;
        padding-bottom: 15px;
    }

    #map {
        display: none;
    }

    #homeVideo {
        margin-top: 50px;
    }

    .search-container {
        padding: 20px 0px;
    }

    .search-container .search-inner {
        background: transparent !important;
        border-radius: 0px !important;
        padding-top: 0px !important;
    }

    .search-container .search-inner .status {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .search-container .search-inner .input {
        border-right: none;
        margin-bottom: 5px !important;
        font-size: 11.5px !important;
        background: #fff;
        padding: 0px;
        margin: 0px;
    }

    .search-container .search-inner input {
        font-size: 11.5px !important;
        padding-left: 15px;
        height: 35px;
    }

    .form-small-title {
        position: relative !important;
        top: 0;
        margin-left: 0px;
        width: calc(100% + 25px);
        left: 0px !important;
        padding: 5px;
    }

    .search-wrapper {
        width: calc(100% - 30px);
        margin-left: 15px;
    }

    .search-container .search-inner .select {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0px;
        font-size: 11.5px !important;
        margin-bottom: 5px;
        padding: 0px;
    }

    .search-container .search-inner .select select {
        padding: 0px 10px;
        font-size: 11.5px !important;
        height: 35px;
    }

    .search-container .search-inner .input i {
        left: 15px;
        display: none;
    }

    .search-container .search-inner .select:nth-child(4) {
        border-right: none;
    }

    .search-container .search-inner .select.category {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 5px !important;
        border-right: none;
    }

    .search-container .search-inner .button {
        margin-top: 5px;
        padding: 0px;
        width: 100%;
        flex: 0 0 100%;
    }

    .search-results .search-item {
        padding: 0px;
    }

    .v-mobile {
        display: flex !important;
    }

    .v-desktop {
        display: none !important;
    }

    .slick-slider {
        margin-top: -25px;
    }
}

@media screen and (max-width: 639px) and (min-width: 480px) {
    header {
        padding: 4px;
    }

    header .logo {
        margin-top: 2px;
        padding: 0px 10px;
    }

    .search-table {
        display: none !important;
    }

    header .logo img {
        width: 69px !important;
    }

    header nav.menu {
        display: none;
    }

    .container {
        max-width: 100% !important;
    }

    .slider .slider-item .text .title {
        font-size: 22px;
    }

    .slider .slider-item .text .sub-title {
        font-size: 12px;
    }

    .announcement-trigger {
        font-size: 9px !important;
        right: 17px !important;
    }

    .announcement-trigger i {
        font-size: 18px !important;
    }

    .category-posts .category-post-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .announcement-content .announcement-content-wrapper {
        width: 90% !important;
    }

    footer .footer-wrapper .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer {
        padding-top: 50px !important;
    }

    footer .footer-wrapper .menu {
        margin-top: 35px;
    }

    .sub-page-content .detail-tools .gallery {
        margin: 0px !important;
    }

    .sub-page-content .detail-tools {
        margin-bottom: 30px;
    }

    .sub-page-content .detail-tools,
    .sub-page-content .article,
    .sub-page-content .contact-information,
    .sub-page-content .map {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #map {
        overflow: auto;
    }

    .map svg {
        width: 1100px;
    }

    main .container .regions .cities a {
        width: 32% !important;
        margin-right: 1% !important;
    }

    .sub-page .sub-page-title {
        padding-top: 70px !important;
        padding-bottom: 15px;
    }

    footer .copyright {
        margin: 0px -5px !important;
    }

    footer .footer-wrapper {
        margin: 0px !important;
    }

    .slider .slick-prev,
    .slider .slick-next {
        display: none !important;
    }

    .slider .slider-item .text {
        left: 0px !important;
        margin-top: -25px !important;
    }

    .sub-page .sub-page-content {
        flex-direction: column-reverse !important;
    }

    .sub-page-content .contact-information {
        margin-top: 20px;
    }

    footer .copyright .social {
        margin-left: 0px !important;
        margin-top: 10px !important;
    }

    #map {
        display: none;
    }

    .t-gallery-list figure {
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }

    #homeVideo {
        margin-top: 27px;
    }

    .search-container {
        padding: 20px 0px;
    }

    .search-container .search-inner {
        background: transparent !important;
        border-radius: 0px !important;
        padding-top: 0px !important;
    }

    .search-container .search-inner .status {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .search-container .search-inner .input {
        border-right: none;
        margin-bottom: 5px !important;
        font-size: 11.5px !important;
        background: #fff;
        padding: 0px;
        margin: 0px;
    }

    .search-container .search-inner input {
        font-size: 11.5px !important;
        padding-left: 15px;
        height: 35px;
    }

    .form-small-title {
        position: relative !important;
        top: 0;
        margin-left: 0px;
        width: calc(100% + 25px);
        left: 0px !important;
        padding: 5px;
    }

    .search-wrapper {
        width: calc(100% - 30px);
        margin-left: 15px;
    }

    .search-container .search-inner .select {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0px;
        font-size: 11.5px !important;
        margin-bottom: 5px;
        padding: 0px;
    }

    .search-container .search-inner .select select {
        padding: 0px 10px;
        height: 35px;
        font-size: 11.5px !important;
    }

    .search-container .search-inner .input i {
        left: 15px;
        display: none;
    }

    .search-container .search-inner .select:nth-child(4) {
        border-right: none;
    }

    .search-container .search-inner .select.category {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 5px !important;
        border-right: none;
    }

    .search-container .search-inner .button {
        margin-top: 5px;
        padding: 0px;
        width: 100%;
        flex: 0 0 100%;
    }

    .search-results .search-item {
        padding: 0px;
    }

    .v-mobile {
        display: flex !important;
    }

    .v-desktop {
        display: none !important;
    }

    .slick-slider {
        margin-top: -12px;
    }
}

@media screen and (max-width: 479px) and (min-width: 320px) {
    header {
        padding: 4px;
    }

    .slick-slider {
        margin-top: 53px;
    }

    header .logo {
        margin: 0px;
        padding-left: 10px;
    }

    #homeVideo {
        margin-top: 0px;
        object-fit: cover;
    }

    .search-table {
        display: none !important;
    }

    .t-gallery-list figure {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    header .logo img {
        width: 70px !important;
    }

    header nav.menu {
        display: none;
    }

    footer .copyright .social {
        margin-left: 0px !important;
        margin-top: 10px !important;
    }

    .container {
        max-width: 100% !important;
    }

    .slider .slider-item .text .title {
        font-size: 21px;
    }

    .slider .slider-item .text .sub-title {
        font-size: 12px;
    }

    .announcement-trigger {
        font-size: 9px !important;
        right: 17px !important;
    }

    .announcement-trigger i {
        font-size: 18px !important;
    }

    .category-posts .category-post-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .announcement-content .announcement-content-wrapper {
        width: 90% !important;
        max-height: 85vh;
    }

    .announcement-content .announcement-content-wrapper .title {
        font-size: 17px !important;
    }

    .announcement-content .announcement-content-wrapper .pum-content {
        padding: 0px 15px 15px 15px !important;
    }

    footer .footer-wrapper .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer {
        padding-top: 50px !important;
    }

    footer .footer-wrapper {
        margin: 0px !important;
    }

    footer .footer-wrapper .menu {
        margin-top: 35px;
    }

    .sub-page-content .detail-tools .gallery {
        margin: 0px !important;
    }

    .sub-page-content .detail-tools {
        margin-bottom: 30px;
    }

    .sub-page-content .detail-tools,
    .sub-page-content .article,
    .sub-page-content .contact-information,
    .sub-page-content .map {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-page-field {
        flex-direction: column;
        padding: 4px 0px !important;
    }

    .form-page-field--checkbox {
        flex-direction: row;
    }

    .select2-container {
        margin-left: 0px;
    }

    #map {
        overflow: auto;
    }

    .map svg {
        width: 1100px;
    }

    main .container .regions .cities a {
        width: 49% !important;
        margin-right: 1% !important;
    }

    .sub-page .sub-page-title {
        padding-top: 70px !important;
        padding-bottom: 20px !important;
        font-size: 22px !important;
    }

    footer .copyright {
        margin: 0px -5px !important;
    }

    .sub-page .sub-page-content {
        flex-direction: column-reverse !important;
    }

    .sub-page-content .contact-information {
        margin-top: 20px;
    }

    .slider .slick-prev,
    .slider .slick-next {
        display: none !important;
    }

    .slider .slider-item .text {
        left: 0px !important;
        margin-top: -25px !important;
        padding: 15px 20px !important;
    }

    #map {
        display: none;
    }

    .search-container {
        padding: 20px 0px;
    }

    .search-container .search-inner {
        background: transparent !important;
        border-radius: 0px !important;
        padding-top: 0px !important;
    }

    .search-container .search-inner .status {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .search-container .search-inner .input {
        border-right: none;
        margin-bottom: 5px !important;
        font-size: 11.5px !important;
        background: #fff;
        padding: 0px;
        margin: 0px;
    }

    .search-container .search-inner input {
        font-size: 11.5px !important;
        padding-left: 15px;
        height: 35px;
    }

    .form-small-title {
        position: relative !important;
        top: 0;
        margin-left: 0px;
        width: calc(100% + 25px);
        left: 0px !important;
        padding: 5px;
    }

    .search-wrapper {
        width: calc(100% - 30px);
        margin-left: 15px;
    }

    .search-container .search-inner .select {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0px;
        font-size: 11.5px !important;
        margin-bottom: 5px;
        padding: 0px;
    }

    .search-container .search-inner .select select {
        padding: 0px 10px;
        font-size: 11.5px !important;
        height: 35px;
    }

    .search-container .search-inner .input i {
        left: 15px;
        display: none;
    }

    .search-container .search-inner .select:nth-child(4) {
        border-right: none;
    }

    .search-container .search-inner .select.category {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 5px !important;
        border-right: none;
    }

    .search-container .search-inner .button {
        margin-top: 5px;
        padding: 0px;
        width: 100%;
        flex: 0 0 100%;
    }

    .search-results .search-item {
        padding: 0px;
    }

    .v-mobile {
        display: flex !important;
    }

    .v-desktop {
        display: none !important;
    }
}

@media screen and (max-width: 319px) and (min-width: 240px) {
    header {
        padding: 12px;
    }

    header .logo {
        margin: 0px;
    }

    header .logo img {
        width: 80px !important;
    }

    header nav.menu {
        display: none;
    }

    .container {
        max-width: 100% !important;
    }

    .slider .slider-item .text .title {
        font-size: 21px;
    }

    .slider .slider-item .text .sub-title {
        font-size: 12px;
    }

    .announcement-trigger {
        font-size: 9px !important;
        right: 17px !important;
    }

    .announcement-trigger i {
        font-size: 18px !important;
    }

    .category-posts .category-post-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .announcement-content .announcement-content-wrapper {
        width: 90% !important;
    }

    .announcement-content .announcement-content-wrapper .title {
        font-size: 17px !important;
    }

    .announcement-content .announcement-content-wrapper .pum-content {
        padding: 0px 15px 15px 15px !important;
    }

    footer .footer-wrapper .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer {
        padding-top: 50px !important;
    }

    footer .footer-wrapper {
        margin: 0px !important;
    }

    footer .footer-wrapper .menu {
        margin-top: 35px;
    }

    .sub-page-content .detail-tools .gallery {
        margin: 0px !important;
    }

    .sub-page-content .detail-tools {
        margin-bottom: 30px;
    }

    .sub-page-content .detail-tools,
    .sub-page-content .article,
    .sub-page-content .contact-information,
    .sub-page-content .map {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #map {
        overflow: auto;
    }

    .map svg {
        width: 1100px;
    }

    main .container .regions .cities a {
        width: 49% !important;
        margin-right: 1% !important;
    }

    .sub-page .sub-page-title {
        padding-top: 70px !important;
        padding-bottom: 15px;
        font-size: 22px !important;
    }

    footer .copyright {
        margin: 0px -5px !important;
    }

    .sub-page .sub-page-content {
        flex-direction: column-reverse !important;
    }

    .sub-page-content .contact-information {
        margin-top: 20px;
    }

    .slider .slick-prev,
    .slider .slick-next {
        display: none !important;
    }

    .slider .slider-item .text {
        left: 0px !important;
        margin-top: -25px !important;
        padding: 15px 20px !important;
    }

    #map {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .SafeTourismImg {
        width: 100%;
        position: absolute;
        top: 75px;
        object-fit: cover;
        height: 500px;
    }

    .SafeTourismSlogan img {
        width: 40%;
        float: left;
        padding-left: 10px;
        padding-top: 10%;
    }

    .SafeTourismText {
        width: 55%;
        float: right;
        font-family: MontserratExtra;
        color: #fff;
        font-size: 20px;
        margin-top: 16%;
    }

    .SafeTourismText span {
        width: 100%;
        float: left;
        font-size: 12px;
        font-family: Montserrat;
        color: #fff;
        margin-top: 10px;
    }

    .SafeTourismContent {
        width: 100%;
        min-height: 400px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);
    }

    .SafeTourismContext {
        width: 100%;
        min-height: 300px;
        background: #17B3C7;
        position: relative;
        float: left;
    }

    .SafeTourismContext .SafeTourismOk,
    .SafeTourismContext .touristic,
    .SafeTourismContext .transportation,
    .SafeTourismContext .safety {
        width: 60px;
        height: 30px;
        position: absolute;
        top: -30px;
        left: 40%;
    }

    .SafeTourismContext .SafeTourismDetail .img {
        width: 25%;
        text-align: center;
        float: left;
    }

    .SafeTourismContext .SafeTourismDetail .img img {
        width: 100%;
    }

    .SafeTourismContext .SafeTourismDetail .text {
        width: 68%;
        float: right;
        color: #fff;
        font-family: MontserratMedium;
        font-size: 14px;
        line-height: 17px;
        padding-top: 15px;
    }

    .SafeTourismContext .SafeTourismDetail {
        width: 95%;
        margin: 0 auto;
        padding-top: 7.5%;
        padding-bottom: 2.5%;
    }

    .SafeTourismContent .owl-stage .item img {
        border-radius: 100%;
        width: 180px;
        margin: 0 auto;
        border: 5px solid #fff;
    }

    .SafeTourismBtn {
        padding-left: 5px;
    }

    .SafeTourismContent .owl-stage {
        margin: 0 auto;
        padding-top: 75px;
    }

    .owl-nav {
        display: inline;
    }

    .owl-prev span {
        position: absolute;
        top: 40%;
        left: 10%;
        font-size: 50px;
        font-weight: bold;
        color: #17B3C7;
    }

    .owl-next span {
        position: absolute;
        top: 40%;
        right: 10%;
        font-size: 50px;
        font-weight: bold;
        color: #17B3C7;
    }

    .SafeTourismContent .owl-stage .active img {
        border: 10px solid #17B3C7;
        transition: all 0.2s;
    }

    .SafeTourismContent .owl-stage .active .title {
        color: #17B3C7;
        transition: all 0.1s;
    }

    .CertificationProgramDetails {
        padding: 5px;
    }

    .SafeTourismText .TurkeyTook {
        font-size: 12px;
        line-height: 22px;
        font-family: Montserrat;
    }
}

@media screen and (max-width:1600px) and (min-width: 601px) {
    .SafeTourismContext .SafeTourismDetail .img {
        width: 10%;
        text-align: center;
        float: left;
    }

    .SafeTourismContext .SafeTourismDetail .img img {
        width: 100%;
    }

    .SafeTourismContext .SafeTourismDetail .text {
        width: 85%;
        float: right;
        color: #fff;
        font-family: MontserratMedium;
        font-size: 18px;
        line-height: 27px;
        padding-top: 15px;
    }

    .SafeTourismContent {
        width: 100%;
        height: 410px;
        min-height: 400px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }

    .SafeTourismContext {
        width: 100%;
        min-height: 300px;
        background: #17b3c7;
        position: relative;
        float: left;
        margin-top: 1%;
    }

    .SafeTourismImg {
        width: 100%;
        position: absolute;
        top: 75px;
        height: 670px;
        object-fit: cover;
    }

    .SafeTourismContent .owl-stage .item .title {
        font-size: 18px;
        font-family: MontserratBold;
        width: 210px;
        margin: 0 auto;
        text-align: center;
        color: #403d3a;
        margin-top: 25px;
    }

    .SafeTourismContent .owl-stage .item img {
        border-radius: 100%;
        width: 200px;
        margin: 0 auto;
    }

    .SafeTourismSlogan {
        width: 100%;
        z-index: 99;
        color: #000;
        margin-top: 17%;
    }

}