/* Generated by less 2.5.1 */


/**********************************************************************************

	User 		: 	@semihkarag�zo�lu
	Publisher 	: 	@unibel
	Date        :   @12.08.2016, 09:50
	Version		: 	1.0.1
	
**********************************************************************************/


/* ==========================================================================
   @DEFAULT-TYPES-ELEMENTS
 
   ========================================================================== */


html,
body {
    height: 100%;
}

@font-face {
    font-family: 'klavika';
    src: url('../fonts/klavika/klavika-regular-webfont.eot');
    src: url('../fonts/klavika/klavika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/klavika/klavika-regular-webfont.woff2') format('woff2'), url('../fonts/klavika/klavika-regular-webfont.woff') format('woff'), url('../fonts/klavika/Klavika-Regular.ttf') format('truetype'), url('../fonts/klavika/klavika-regular-webfont.svg#klavika-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #fff;
    font-family: 'klavika', 'regular';
    height: 100%;
    overflow:auto;
    overflow-x:hidden;
}
.carousel-inner {
    overflow:visible
}

h2 {
    font-size: 20px;
}

p,
span {
    font-size: 18px;
    color: #555658;
}

.parallax-window {
    min-height: 500px;
    background: transparent;
}

.slick-slide {
    position: relative;
}

.caption {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
    color: white;
    height: 120px;
    background-color: rgba(19, 168, 158, 0.9);
    z-index: 50;
}

    .caption h4 {
        margin:0px;
        padding-left: 80px;
        font-size: 22px;
        padding-bottom: 10px;
    }

    .caption p {
        padding-left: 80px;
        font-size: 18px;
        line-height: 20px;
        color: white;
    }

.captionimage img {
    float: left;
}

.kp-color {
    background-color: #f9ad40 !important;
}

.sm ul {
    position: absolute;
}

#main-menu::before {
    width: 100%;
    height: 1px;
    margin: 15px 0px;
    background-color: #f9ad40;
}

#menu {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

    #menu #main-nav .logoMobile {
        display: none;
    }

.menu-exc {
    padding-bottom: 11px;
    position: relative !important;
    background-color: rgb(239, 239, 239);
}

#menu .social-content {
    position: relative;
    z-index: 2;
    /*visibility: hidden;*/
}

    #menu .social-content .social-hr {
        width: 81.5%;
        height: 1px;
        margin: 15px 0px;
        margin-left: 73px;
        background-color: #f9ad40;
    }

    #menu .social-content .social-icons {
        position: absolute;
        top: -11px;
        right: 42px;
        z-index: 2;
    }

#menu .social-icons i {
    width: 30px;
    height: 25px;
    display: block;
    margin: 0 auto 4px;
    float: left;
}

#menu .social-content .icon-facebook,
#footer .social-icons .icon-facebook {
    background: url(../images/icons/icon-facebook.png) no-repeat;
}

#menu .social-content .icon-twitter,
#footer .social-icons .icon-twitter {
    background: url(../images/icons/icon-twitter.png) no-repeat;
    margin-top: 2px;
    margin-right: 5px;
}

#menu .social-content .icon-instagram,
#footer .social-icons .icon-instagram {
    background: url(../images/icons/icon-instagram.png) no-repeat;
}

#menu .social-icons .icon-anasayfa {
    width: 31px;
    height: 31px;
    display: block;
    margin: -4px 1px;
    float: left;
}

#menu .social-content .icon-facebook-anasayfa {
    background: url(../images/icons/icon-facebook-anasayfa.png) no-repeat;
    position: relative;
    left: -5px;
}

#menu .social-content .icon-twitter-anasayfa {
    background: url(../images/icons/icon-twitter-anasayfa.png) no-repeat;
    position: relative;
    left: -5px;
}

#menu .social-content .icon-instagram-anasayfa {
    background: url(../images/icons/icon-instagram-anasayfa.png) no-repeat;
    position: relative;
    left: -5px;
}

#menu #main-menu {
    height: 70px;
    z-index: 5;
}

    #menu #main-menu > li {
        float: left;
        padding: 37px 15px 29px 16px;
        background-color: white;
    }

@-moz-document url-prefix() {
    #menu #main-menu > li {
        padding: 38px 15px 27px 16px;
    }
}

#menu #main-menu > li:not(:first-child):not(:last-child) > a:hover {
    background-color: #13a89e;
    color: white;
}

#menu #main-menu li .sub-arrow {
    display: none;
}

#menu #main-menu li a {
    color: #414146;
    font-weight: 500;
    font-size: 18px;
}


#menu #main-menu li ul {
    border-top: 2px solid #13a89e;
    margin-top: 7px !important;
    padding-top: 20px;
    margin-left: 16px !important;
    background-color: white;
    width: 88% !important;
    min-width: 80px !important;
    max-width: none !important;
}

    #menu #main-menu li ul li {
        /*float: none;*/
        background-color: white;
        padding: 8px 4px 8px 10px;
    }

        #menu #main-menu li ul li::before {
            width: 4px;
            height: 4px;
            top: 18px;
            left: 4px;
            position: absolute;
            content: "";
            background-color: #13a89e;
        }

#menu #main-menu .logo {
    background-color: transparent !important;
    padding: 15px 0px 8px 0px;
}

    #menu #main-menu .logo:before {
        content: '\A';
        position: absolute;
        background: white;
        right: 0px;
        top: 0;
        bottom: 60px;
        width: 93%;
        /* Specify the width.. */
    }

#menu #main-menu .search-div {
    background-color: #f9ad40;
    padding: 23.5px 5.5px;
}

#menu #main-menu #search-bar {
    position: absolute;
    background-color: #f9ad40;
    top: 0;
    width: 725px !important;
    /* left: 0; */
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 999999999;
    padding: 25px;
    box-shadow: 0 2px 6px rgba(17, 17, 17, 0.35);
    display: none;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}

    #menu #main-menu #search-bar .search-submit {
        position: absolute;
        right: 24px;
        top: 25px;
        bottom: 26px;
        background: #d77600;
        color: #fff;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

#menu #search-bar #close-search span {
    position: absolute;
    right: -20px;
    top: -20px;
}

#menu #main-menu .icon-search,
#menu .mobile .mobile-search .open-search-mobile {
    width: 25px;
    height: 20px;
    display: block;
    margin: 0 auto 4px;
    background: url(../images/icons/search.png) no-repeat;
}

#menu .mobile #search-bar-mobile {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 180px;
    right: 0px;
    z-index: 50000000;
    background-color: white;
}

    #menu .mobile #search-bar-mobile #close-search-mobile {
        background-color: white;
        float: right;
        margin-top: 32px;
    }

    #menu .mobile #search-bar-mobile input {
        margin-top: 32px;
    }

#menu .mobile {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    #menu .mobile button {
        float: left;
        width: 42px;
        margin-top: 27px;
    }

    #menu .mobile .mobile-search {
        float: right;
        margin-right: 18px;
        margin-top: 31px;
    }

        #menu .mobile .mobile-search a {
            padding: 2px;
            background-color: #f9ad40;
            display: inline-block;
        }

    #menu .mobile .mobile-search-form {
        display: none;
    }

.navbar-header .navbar-toggle {
    z-index: 1;
}

.video-logo {
    right: 0px;
    top: 170px;
    position: fixed;
    cursor: pointer;
    display: block;
    z-index: 4;
}

#connector {
    background-color: white;
    width: 100%;
    height: 235px;
}

    #connector .connector-links {
        margin-top: -10px;
        width: 100%;
        height: 192px;
    }

        #connector .connector-links ul {
        }

            #connector .connector-links ul li {
                float: left;
                width: 20%;
                padding-top: 38px;
                height: 200px;
            }

        #connector .connector-links i {
            width: 107px;
            height: 105px;
            display: block;
            margin: 0 auto 4px;
        }

        #connector .connector-links p {
            font-size: 18px;
            color: #555658;
            text-align: center;
        }

#sub-page-wrapper .sub-page-menus {
    margin-bottom: 20px;
}

    #connector .connector-links .harita,
    #sub-page-wrapper .sub-page-menus .sub-menu-harita {
        background-color: #fed189;
    }

    #connector .connector-links .gyerler,
    #sub-page-wrapper .sub-page-menus .sub-menu-gy {
        background-color: #ffc775;
    }

    #connector .connector-links .bbitki,
    #sub-page-wrapper .sub-page-menus .sub-menu-bb {
        background-color: #ffb652;
    }

    #connector .connector-links .aalanlari,
    #sub-page-wrapper .sub-page-menus .sub-menu-aa {
        background-color: #ffa12d;
    }

    #connector .connector-links .gkulturpark,
    #sub-page-wrapper .sub-page-menus .sub-menu-gk {
        background-color: #d77600;
    }
    /* Gelecek Kulturpark*/
    #connector .connector-links .ydoku,
    #sub-page-wrapper .sub-page-menus .ydoku {
        background-color: #4ef4dd;
    }

    #connector .connector-links .ief,
    #sub-page-wrapper .sub-page-menus .ief {
        background-color: #40dac5;
    }

#connector .connector-links .kultur-sanat {
    padding-top: 48px;
}

#connector .connector-links .kultur-sanat,
#sub-page-wrapper .sub-page-menus .kultur-sanat {
    background-color: #22bfaf;
}

#connector .connector-links .spor {
    padding-top: 48px;
}

#connector .connector-links .spor,
#sub-page-wrapper .sub-page-menus .spor {
    background-color: #19b3a3;
}

#connector .connector-links .eglence {
    padding-top: 31px;
}

#connector .connector-links .eglence,
#sub-page-wrapper .sub-page-menus .eglence {
    background-color: #0d9b8c;
}

#sub-page-wrapper .sub-page-submenus .gk_current,
#sub-page-wrapper .sub-page-menus .gk_active {
    background-color: #f9ad40;
}

    #sub-page-wrapper .sub-page-submenus .gk_current a,
    #sub-page-wrapper .sub-page-menus .gk_active a {
        color: white;
    }

#sub-page-wrapper .sub-page-submenus .gk_active {
    background-color: #fed189;
}

#connector .connector-links .icon-ydoku {
    background: url(../images/icons/gk-yesildoku.png) no-repeat;
    width: 91px;
    height: 105px;
}

#connector .icon-ief {
    background: url(../images/icons/gk-ief.png) no-repeat;
    width: 83px !important;
    height: 105px !important;
}

#connector .icon-kultursanat {
    background: url(../images/icons/gk-kultursanat.png) no-repeat;
    width: 93px !important;
    height: 95px !important;
}

#connector .icon-spor {
    background: url(../images/icons/gk-spor.png) no-repeat;
    width: 95px !important;
    height: 94px !important;
}

#connector .icon-eglence {
    background: url(../images/icons/gk-eglence.png) no-repeat;
    width: 100px !important;
    height: 112px !important;
}
/* Gelecek Kulturpark bitir*/
#connector .connector-links .link-harita {
    background: url(../images/icons/icon-harita.png) no-repeat;
}

#connector .link-gkulturpark {
    background: url(../images/icons/icon-kpgelecek.png) no-repeat;
}

#connector .link-bbitki {
    background: url(../images/icons/icon-botanik.png) no-repeat;
}

#connector .link-aalanlari {
    background: url(../images/icons/icon-aalanlari.png) no-repeat;
}

#connector .link-gyerler {
    background: url(../images/icons/icon-gyerler.png) no-repeat;
}

.divider-full {
    width: 100%;
    height: 3px;
    background-color: #13a89e;
}

.divider-half {
    width: 107px;
    height: 7px;
    background-color: #13a89e;
}

#body-container h2 {
    color: #555658;
}

#body-container .regular {
    margin-bottom: 18px;
}

    #body-container .regular .slick-list {
        clear: both;
        top: 18px;
    }

#body-container .event-buttons {
    float: right;
    margin-top: 18px;
}

    #body-container .event-buttons li {
        background-color: #f9ad40;
        padding: 2px;
        float: left;
    }

    #body-container .event-buttons .event-prev {
        padding-right: 24px;
    }

        #body-container .event-buttons .event-prev .slide-left {
            display: block;
            height: 26px;
            width: 15px;
            background: url(../images/icons/prev.png) no-repeat;
        }

    #body-container .event-buttons a {
        display: block;
    }

    #body-container .event-buttons .event-next {
        padding-left: 24px;
    }

        #body-container .event-buttons .event-next .slide-right {
            display: block;
            height: 26px;
            width: 15px;
            background: url(../images/icons/next.png) no-repeat;
        }

    #body-container .event-buttons li .event-divider {
        display: block;
        height: 26px;
        width: 2px;
        background: url(../images/icons/event-divider.png) no-repeat;
    }

}

#body-container .multimedias {
    margin-bottom: 15px;
    margin-top: 10px;
}

#body-container #owl-carousel {
    margin-left: 3px;
    padding-right: 5px;
}

    #body-container #owl-carousel .owl-wrapper .owl-item .divider-full {
        width: 97%;
    }

.img-events {
    float: left;
}

.events-title {
    margin-left: 80px;
}

    .events-title p {
        margin-top: 10px;
    }

.events-content p {
    margin-top: 50px;
}

.events-content .btn-events {
    background-color: #13a89e;
    margin-top: 24px;
    margin-bottom: 20px;
    border-radius: initial;
}

    .events-content .btn-events span {
        color: white;
    }

#sub-page-wrapper {
    margin-top: 70px;
}

    #sub-page-wrapper .sub-page-submenus li,
    #sub-page-wrapper .sub-page-menus li {
        padding: 32px 24px 24px 32px;
        margin: 1px 0px;
    }

        #sub-page-wrapper .sub-page-submenus li a,
        #sub-page-wrapper .sub-page-menus li a {
            font-size: 18px;
            color: #555658;
        }

    #sub-page-wrapper .sub-page-submenus li {
        border-bottom: 1px solid #14a89e;
    }

    #sub-page-wrapper .sub-page-submenus .current {
        background-color: #14a89e;
    }

        #sub-page-wrapper .sub-page-submenus .current a {
            color: white;
        }

    #sub-page-wrapper .sub-page-submenus .active {
        background-color: #a6deda;
        color: #555658;
    }

    #sub-page-wrapper .sub-page-content a {
        color: #555658;
        font-size: 18px;
    }

    #sub-page-wrapper .sub-page-content img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    #sub-page-wrapper .sub-page-content .haber-detay img {
        left: 0px;
        right: 0px;
        margin: auto;
    }

    #sub-page-wrapper .sub-page-content .haber-detay h2 {
        font-size: 18px;
        color: #555658;
        margin-bottom: 32px;
    }

    #sub-page-wrapper .sub-page-content .haber-detay p {
        font-size: 16px;
    }

    #sub-page-wrapper .sub-page-content .ck-container strong {
        font-weight: 600;
    }

    #sub-page-wrapper .sub-page-content .ck-container p,
    #sub-page-wrapper .sub-page-content .ck-container span {
        font-size: 14px;
        color: black;
    }

    #sub-page-wrapper .sub-page-content .ck-container h1 {
        font-size: 18px;
        color: black;
    }

    #sub-page-wrapper .sub-page-content .ck-container h2,
    #sub-page-wrapper .sub-page-content .ck-container h3 {
        font-size: 16px;
        color: black;
    }

.sub-page-content .pagination-container li a {
    background-color: #b8bcc1;
    border: none;
    color: white !important;
    border-radius: 0px;
}

.sub-page-content .pagination-container .active a {
    background-color: #14a89e !important;
    border: none;
}

.sub-page-content .pagination-container {
    margin-left: 15px;
}

    .sub-page-content .pagination-container .PagedList-skipToNext a,
    .sub-page-content .pagination-container .PagedList-skipToPrevious a {
        background-color: #7c8187;
    }

#sub-page-wrapper .sub-page-content .media-paging {
    position: relative;
}

    #sub-page-wrapper .sub-page-content .media-paging .prev,
    #sub-page-wrapper .sub-page-content .media-paging .next {
        background-color: #7c8187;
        display: inline-block;
        float: left;
        width: 38px;
        height: 34px;
    }

    #sub-page-wrapper .sub-page-content .media-paging .prev {
        padding-left: 7px;
        padding-top: 4px;
    }

    #sub-page-wrapper .sub-page-content .media-paging .next {
        padding-left: 15px;
        padding-top: 4px;
    }

    #sub-page-wrapper .sub-page-content .media-paging .prev i {
        background: url(../images/icons/prev.png) no-repeat;
        width: 15px;
        height: 26px;
        position: absolute;
    }

    #sub-page-wrapper .sub-page-content .media-paging .next i {
        background: url(../images/icons/next.png) no-repeat;
        width: 15px;
        height: 26px;
        position: absolute;
    }

    #sub-page-wrapper .sub-page-content .media-paging .media-page {
        background-color: #b8bcc1;
        float: left;
        display: inline-block;
        width: 38px;
        height: 34px;
        text-align: center;
        padding-top: 3px;
    }

    #sub-page-wrapper .sub-page-content .media-paging .active {
        background-color: #14a89e;
        display: inline-block;
    }

    #sub-page-wrapper .sub-page-content .media-paging .media-page span {
        color: white;
        text-align: center;
    }

#sub-page-wrapper .sub-page-content .sss-acordion {
    font-size: 18px;
    color: #555658;
}

    #sub-page-wrapper .sub-page-content .sss-acordion .acord-item {
        background-color: #f9ad40;
        padding: 8px;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }

        #sub-page-wrapper .sub-page-content .sss-acordion .acord-item::before {
            width: 30px;
            height: 30px;
            top: 6px;
            background: url(../images/icons/icon-acordion-close.png) no-repeat;
            position: absolute;
            content: "";
            background-color: #f9ad40;
        }

        #sub-page-wrapper .sub-page-content .sss-acordion .acord-item span {
            padding-left: 38px;
            color: white;
            font-size: 18px;
        }

    #sub-page-wrapper .sub-page-content .sss-acordion .collapsed {
        background-color: #14a89e;
    }

        #sub-page-wrapper .sub-page-content .sss-acordion .collapsed::before {
            background: url(../images/icons/icon-acordion-open.png) no-repeat;
            background-color: #13a89e;
        }

#sub-page-wrapper .sub-page-content .contact .form-control {
    border-radius: 0px;
    border-color: #14a89e;
    color: #555658;
}

#sub-page-wrapper .sub-page-content .contact .btn {
    border-radius: 0px;
    border-color: #14a89e;
    background-color: #14a89e;
    margin-top: 30px;
    color: white;
}

#sub-page-wrapper .sub-page-content .contact-mesaj {
    min-height: 180px;
    margin-top: 20px;
}

.sub-page-content .icon-image {
    display: block;
    position: relative;
    margin-bottom: 8px;
}

    .sub-page-content .icon-image:hover::after {
        width: 45px;
        height: 45px;
        top: 50%;
        left: 50%;
        margin-left: -20.5px;
        margin-top: -20.5px;
        background: url(../images/icons/icon-photo.png) no-repeat;
        position: absolute;
        content: "";
    }

    .sub-page-content .icon-image:hover::before {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.54);
        position: absolute;
        content: "";
    }

.sub-page-content .icon-video {
    display: inline-block;
    position: relative;
    margin-bottom: 25px;
}

    .sub-page-content .icon-video:hover::after {
        width: 45px;
        height: 45px;
        top: 50%;
        left: 50%;
        margin-left: -20.5px;
        margin-top: -20.5px;
        background: url(../images/icons/icon-video.png) no-repeat;
        position: absolute;
        content: "";
    }

    .sub-page-content .icon-video:hover::before {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.54);
        position: absolute;
        content: "";
    }

#footer-logo .ibb-logo {
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 75px;
    margin-bottom: 22px;
}

#footer {
    background-color: #efefef;
    margin-top: 25px;
}

    #footer .footer-alt {
        text-align: center;
    }

        #footer .footer-alt p {
            color: #555658;
        }

    #footer .navbar-nav {
        padding-top: 20px;
        position: relative;
        float: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #footer .navbar-nav a {
            font-size: 18px;
            color: #414146;
            font-family: klavika, regular;
            padding: 10px 6px;
        }

    #footer .social-icons {
        position: absolute;
        top: 25px;
        right: 42px;
        z-index: 2;
        width: 100px;
        visibility: hidden;
    }

        #footer .social-icons i {
            width: 30px;
            height: 25px;
            display: block;
            margin: 0 auto 4px;
            float: left;
            margin-left: 1px;
        }

/****************** Images Popup **********************/
.sub-page-content #botanik-images .modal-dialog #popup-btn {
    min-height: 0px;
    padding: 0px;
    border-bottom: none;
}

.sub-page-content #botanik-images .modal-dialog .modal-content {
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    max-width: 700px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.sub-page-content #botanik-images .modal-dialog span {
    width: 30px;
    height: 30px;
    background: url(../images/icons/icon-img-close.png) no-repeat;
    position: absolute;
    content: "";
    right: -8px;
    top: -11px;
    z-index: 9999999;
}

/****************** SERVICE BOX **********************/
.serviceBox {
    text-align: center;
    margin-top: 20px;
}

    .serviceBox .service-icon {
        width: 100%;
        height: 150px;
        border-radius: 50%;
        display: inline-block;
        margin-bottom: 20px;
        transition: all 0.5s ease 0s;
    }

    .serviceBox:hover .service-icon {
    }

    .serviceBox .service-icon i {
        font-size: 70px;
        color: #2395ec;
        line-height: 150px;
        transition: all 0.5s ease 0s;
    }

    .serviceBox .description {
        font-size: 14px;
        color: #737577;
        line-height: 25px;
    }

    .serviceBox:hover .service-icon i {
        transform: rotateY(360deg);
        color: #fff;
    }

.field-validation-error span {
    color: red;
}

.gk-beforeafter {
    width: 19%;
    display: inline-block;
    min-width: 100px;
}

.before-after img {
    max-width: none !important;
}

.balinks {
    width: 100% !important;
}

.galeri-text {
    font-size: 15px;
    height: 34px;
}

#menu #main-menu > li:not(:first-child):not(:last-child):not(:nth-last-child(2)):after {
    width: 1px;
    height: 14px;
    top: 46%;
    right: 0px;
    position: absolute;
    content: "";
    background-color: #414146;
}
/****************** MOBIL-VIEW **********************/

/* DESKTOP */
@media only screen and (max-width: 1199px) and (min-width: 992px) {

    .caption {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        padding: 7px;
        color: white;
        height: 100px;
        background-color: rgba(19, 168, 158, 0.9);
        z-index: 50;
    }

        .caption h4 {
            font-size: 20px;
            padding-left:100px;
            padding-bottom: 10px;
        }

        .caption p {
            font-size: 16px;
            padding-left:100px;
            line-height: 18px;
            color: white;
        }

    .captionimage img {
        width: 80px !important;
        height: 100% !important;
    }

    #menu #main-menu > li:not(:first-child):not(:last-child):not(:nth-last-child(2)):after {
        top: 49%;
    }

    #main-menu .logo {
        padding: 18px 8px 24px 0px !important;
        width: 250px;
    }

    #menu #main-menu #search-bar {
        width: 640px !important;
        height: 85px;
    }

    #connector {
        height: 210px;
    }

    #menu #main-menu > li {
        float: left;
        padding: 33px 15px 20px 16px;
        background-color: white;
    }

    @-moz-document url-prefix() {
        #menu #main-menu > li {
            padding: 33px 15px 19px 16px;
        }
    }

    #menu #main-menu li a {
        font-size: 15px;
    }

    #menu .social-content .social-hr {
        margin-left: 60px;
        width: 78%;
    }

    #body-container p {
        font-size: 17px;
    }

    #menu #main-menu .search-div {
        padding: 15.5px 5.5px;
    }

    #menu .social-content .icon-facebook-anasayfa,
    #menu .social-content .icon-twitter-anasayfa,
    #menu .social-content .icon-instagram-anasayfa {
        left: 8px;
    }


    .connector-links .serviceBox .service-icon {
        width: 100%;
        height: 80px;
    }

    #connector .connector-links ul li {
        padding-top: 18px;
        height: 165px;
    }

        #connector .connector-links ul li i {
            width: 76px;
            height: 80px;
        }

    #connector .connector-links .link-harita {
        background: url(../images/icons/icon-harita-laptop.png) no-repeat;
    }

    #connector .link-gkulturpark {
        background: url(../images/icons/icon-gk-laptop.png) no-repeat;
    }

    #connector .link-bbitki {
        background: url(../images/icons/icon-botanik-laptop.png) no-repeat;
    }

    #connector .link-aalanlari {
        background: url(../images/icons/icon-aalanlari-laptop.png) no-repeat;
    }

    #connector .link-gyerler {
        background: url(../images/icons/icon-gy-laptop.png) no-repeat;
    }

    #connector .icon-ydoku {
        background: url(../images/icons/icon-ydoku-laptop.png) no-repeat !important;
        margin-top: 22px !important;
        width: 69px !important;
        height: 80px !important;
    }

    #connector .icon-ief {
        background: url(../images/icons/icon-ief-laptop.png) no-repeat;
        margin-top: 22px !important;
        width: 63px !important;
        height: 80px !important;
    }

    #connector .icon-kultursanat {
        background: url(../images/icons/icon-kultursanat-laptop.png) no-repeat;
        height: 80px !important;
        width: 70px !important;
    }

    #connector .icon-spor {
        background: url(../images/icons/icon-spor-laptop.png) no-repeat;
        height: 80px !important;
        width: 72px !important;
    }

    #connector .icon-eglence {
        background: url(../images/icons/icon-eglence-laptop.png) no-repeat;
        height: 80px !important;
        width: 80px !important;
    }
}

/* TABLET */
@media only screen and (max-width: 991px) and (min-width: 768px) {
  

        .caption h4 {
            font-size: 18px;
            padding-bottom: 10px;
            padding-left:0px
        }

        .caption p {
            font-size: 13px;
            line-height: 17px;
            padding-left:0px;
            color: white;
        }

    .captionimage img {
        display: none;
    }

    #connector {
        background-color: white;
        width: 100%;
        margin-top:100px;
        height: 170px;
    }
      .carousel-control .icon-prev:before {
        font-size:60px
    }
       .carousel-control .icon-next:before {
        font-size:60px
    }
     .carousel-control .icon-next, .carousel-control .icon-prev {
           margin-top:-55px
       }
     .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -17px;
}
    .caption {
        position: absolute;
        right: 0;
        bottom: -95px;
        width: 100%;
        padding: 5px;
        color: white;
        height: 95px;
        background-color: #13a89e;
        z-index: 2;
    }

        .caption h4 {
            font-size: 18px;
            padding-bottom: 10px;
        }

        .caption p {
            font-size: 13px;
            line-height: 17px;
            color: white;
        }

    .captionimage img {
        width: 70px !important;
        height: 100% !important;
    }


    #main-menu .logo {
        padding: 18px 8px 24px 0px !important;
        width: 250px;
    }

    #menu #main-menu #search-bar {
        width: 436px !important;
        height: 85px;
    }

    #menu #main-menu li a {
        font-size: 15px;
    }

    #menu .social-content .social-hr {
        width: 78%;
        margin-left: 18px;
    }

    #menu #main-menu .search-div {
        padding: 0px 127.5px;
        height: 34px;
    }

    #menu #main-menu > li {
        padding: 9.5px 13px 9px 24px;
    }

    @-moz-document url-prefix() {
        #menu #main-menu > li {
            padding: 9.5px 13px 8px 24px;
        }
    }

    #menu #main-menu > li:after {
        display: none;
    }

    #menu .social-content .icon-facebook-anasayfa,
    #menu .social-content .icon-twitter-anasayfa,
    #menu .social-content .icon-instagram-anasayfa {
        left: 5px;
    }

    #body-container .regular {
        margin-bottom: 46px;
    }

    #body-container p {
        font-size: 16px;
    }

    .connector-links .serviceBox .service-icon {
        width: 100%;
        height: 80px;
    }

    #connector {
        height: 205px;
    }

        #connector .connector-links ul li {
            padding-top: 18px;
            height: 165px;
        }

            #connector .connector-links ul li i {
                width: 80px;
                height: 80px;
            }

        #connector .connector-links .link-harita {
            background: url(../images/icons/icon-harita-laptop.png) no-repeat;
        }

        #connector .link-gkulturpark {
            background: url(../images/icons/icon-gk-laptop.png) no-repeat;
        }

        #connector .link-bbitki {
            background: url(../images/icons/icon-botanik-laptop.png) no-repeat;
        }

        #connector .link-aalanlari {
            background: url(../images/icons/icon-aalanlari-laptop.png) no-repeat;
        }

        #connector .link-gyerler {
            background: url(../images/icons/icon-gy-laptop.png) no-repeat;
        }

        #connector .icon-ydoku {
            background: url(../images/icons/icon-ydoku-laptop.png) no-repeat !important;
            margin-top: 22px !important;
            width: 69px !important;
            height: 80px !important;
        }

        #connector .icon-ief {
            background: url(../images/icons/icon-ief-laptop.png) no-repeat;
            margin-top: 22px !important;
            width: 63px !important;
            height: 80px !important;
        }

        #connector .icon-kultursanat {
            background: url(../images/icons/icon-kultursanat-laptop.png) no-repeat;
            height: 80px !important;
            width: 70px !important;
        }

        #connector .icon-spor {
            background: url(../images/icons/icon-spor-laptop.png) no-repeat;
            height: 80px !important;
            width: 72px !important;
        }

        #connector .icon-eglence {
            background: url(../images/icons/icon-eglence-laptop.png) no-repeat;
            height: 80px !important;
            width: 80px !important;
        }
}

/* MOBILE */
@media (min-width: 768px) {


    #main-nav {
        line-height: 0;
        text-align: center;
    }

    #main-menu {
        display: inline-block !important;
    }

    #menu .mobile {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
        .carousel-control .icon-prev:before {
        font-size:40px
    }
       .carousel-control .icon-next:before {
        font-size:40px
    }
.caption {
    position: relative;
    /* right: 0; */
    /* bottom: -106px; */
    width: 100%;
    padding: 5px;
    margin-top: 200px;
    color: white;
    height: 100%;
    background-color: #13a89e;
    z-index: 9999999;
}

        .caption h4 {
            font-size: 18px;
            padding-bottom: 10px;
            padding-left:0px
        }

        .caption p {
            font-size: 13px;
            line-height: 17px;
            padding-left:0px;
            color: white;
        }

    .captionimage img {
        display: none;
    }

    #connector {
        background-color: white;
        width: 100%;
        margin-top:100px;
        height: 170px;
    }

    p, span, a {
        font-size: 14px;
    }

    .gk-beforeafter {
        width: 100%;
    }

    .connector-links .serviceBox .service-icon {
        width: 100%;
        height: 90px;
    }

    #menu {
        position: relative;
        background-color: white;
    }

        #menu .social-content .social-hr {
            margin-top: 0px;
            margin-left: 14px;
            margin-right: 20px;
            width: auto;
        }

        #menu .social-content .social-icons {
            position: absolute;
            top: -30px;
            right: 13px;
            z-index: 2;
        }

        #menu #main-nav .menu_button {
            float: left;
            margin-left: 5px;
        }

        #menu #main-menu .logo {
            background-color: white !important;
            display: none;
            /*padding: 7px 0px 0px 0px;*/
        }

        #menu #main-nav .logoMobile {
            display: inline-block;
            margin: 0 auto;
            width: auto;
            float: none;
            max-width: 62%;
        }



        #menu #main-menu > li {
            float: none;
            padding: 16px 7px 0px 5px;
            background-color: white;
        }

            #menu #main-menu > li:after {
                display: none;
            }


    #main-menu {
        display: inline-block;
        height: 100% !important;
        width: 100% !important;
        display: none;
        margin-top: 14px;
        margin-bottom: 30px;
        padding-bottom: 12px;
        padding-left: 15px;
    }

        #main-menu:before, #main-menu:after {
            margin-top: 0px;
            content: '';
            position: absolute;
            top: 0;
            left: 24%;
            z-index: 10;
            width: 92%;
            height: 1px;
            margin-left: -20%;
            background: #000;
        }

        #main-menu:after {
            top: inherit;
            bottom: 0;
            visibility: visible;
        }

        #main-menu li {
            width: auto;
            left: 0px;
        }

        #main-menu .search-div {
            display: none;
        }

    #body-container .regular {
        margin-bottom: 32px;
    }

    #connector .connector-links {
        margin-left: -15px;
        margin-right: -15px;
        width: auto;
        margin-top: -5px;
    }

        #connector .connector-links ul li {
            padding-top: 18px;
            height: 130px;
        }

            #connector .connector-links ul li i {
                width: 58px;
                height: 62px;
            }

        #connector .connector-links p {
            font-size: 14px;
        }

        #connector .connector-links .link-harita {
            background: url(../images/icons/icon-harita-mobil.png) no-repeat;
        }

    #connector .link-gkulturpark {
        background: url(../images/icons/icon-gkp-mobil.png) no-repeat;
    }

    #connector .link-bbitki {
        background: url(../images/icons/icon-bb-mobil.png) no-repeat;
    }

    #connector .link-aalanlari {
        background: url(../images/icons/icon-aa-mobil.png) no-repeat;
    }

    #connector .link-gyerler {
        background: url(../images/icons/icon-gy-mobil.png) no-repeat;
    }

    #connector .icon-ydoku {
        background: url(../images/icons/icon-ydoku-mobil.png) no-repeat !important;
        margin-top: 22px !important;
        width: 51px !important;
        height: 60px !important;
    }

    #connector .icon-ief {
        background: url(../images/icons/icon-ief-mobil.png) no-repeat;
        margin-top: 22px !important;
        width: 44px !important;
        height: 61px !important;
    }

    #connector .icon-kultursanat {
        background: url(../images/icons/icon-kultursanat-mobil.png) no-repeat;
        height: 52px !important;
        width: 50px !important;
    }

    #connector .icon-spor {
        background: url(../images/icons/icon-spor-mobil.png) no-repeat;
        height: 53px !important;
        width: 51px !important;
    }

    #connector .icon-eglence {
        background: url(../images/icons/icon-eglence-mobil.png) no-repeat;
        height: 58px !important;
        width: 50px !important;
        margin-top: 12px !important;
    }

    .sub-page-content .icon-image {
        display: inline-block;
    }

    .video-logo {
        width: 28%;
    }
  
       .carousel-control .icon-next, .carousel-control .icon-prev {
           margin-top:-30px
       }
}

@media only screen and (min-width: 1200px) and (max-width:1400px) {
    .caption h4 {
        font-size:19px;
        padding-bottom:5px;
        margin-top:-10px;
    }
       .caption p {
        font-size:14px;
        line-height:18px;
    }
       .captionimage img {
    float: left;
    margin-top: -10px;
}
    .caption {
        height:70px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .caption h4 {
        font-size:15px;
        padding-bottom:5px;
        margin-top:-4px;
    }
       .caption p {
        font-size:12px;
        line-height:14px;
    }
       .captionimage img {
    float: left;
    width:54px!important;
    margin-top: -4px;
}
    .caption {
        height:65px
    }
}

@media only screen and (min-width: 321px) and (max-width:767px) {
    .caption {
        position: absolute;
        right: 0;
        bottom: -160px;
        width: 100%;
        padding: 5px;
        color: white;
        height: 160px;
        background-color: #13a89e;
        z-index: 2;
    }
     #connector {
        background-color: white;
        width: 100%;
        margin-top:160px;
        height: 170px;
    }
}


@media only screen and (max-width: 320px) {
    .caption {
        position: absolute;
        right: 0;
        bottom: -172px;
        width: 100%;
        padding: 5px;
        color: white;
        height: 172px;
        background-color: #13a89e;
        z-index: 2;
    }
     #connector {
        background-color: white;
        width: 100%;
        margin-top:150px;
        height: 170px;
    }
}
#body-container .multimedia-container p {
    min-height: 50px;
}

#body-container #owl-carousel .owl-wrapper .owl-item {
    text-align: center;
}

#body-container img {
    left: 0px;
    right: 0px;
    margin-bottom: 10px;
    /*margin: auto;*/
}


@media only screen and (max-width: 460px) {
    #connector .connector-links p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 400px) {
    #connector .connector-links p {
        font-size: 10px;
    }
}

.etkinlik-liste {
    padding-bottom: 12px;
    position: relative;
    display: block;
   
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

    .etkinlik-liste .cizgi {
        text-align:justify;
        padding-top: 10px;
        padding-bottom: 20px;
        /*margin: 5px 5px 10px 0px;*/
        border-bottom: 2px solid #13a89e;
    }
    .etkinlik-liste .cizgi2 {
        padding-top: 0px;
        padding-bottom: 0px;
        width:20%;
        margin: 0px 100px -20px 0px;
        border-bottom: 4px solid #13a89e;
    }

    .etkinlik-liste h3 {
        font-size: 24px;
        
        padding-bottom: 15px;
    }

    .etkinlik-liste .btn-danger {
        width: 100px;
        font-size: 13.08px;
        border-color: #14a89e;
        background-color: #fff;
        color: #14a89e;
        border-radius: 0px;
    }