@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;700&display=swap');
 :root{
    --tussock:#C18F4D;
    --boldblue:#20589F;
    --fanblue:#1C539B;
    --gray:#F9FAFB;
    --midnight:#001d30;
}
body,html{
    margin:0px;
    padding:0px;
    top:0px;
    font-family:"Poppins",sans-serif
}
.alert-m{
    z-index:1100
}
textarea{
    resize:none
}
.bg-gray{
    background-color:var(--gray)!important
}
.bg-fanblue{
    background-color:var(--fanblue)!important
}
.bg-midnight{
    background-color:var(--midnight)!important
}
.bg-tussock{
    background-color:var(--tussock)!important
}
#footer a{
    color:white;
    cursor:pointer;
    font-size:20px
}
#footer a:hover{
    color:var(--tussock)
}
#search-wrapper{
    width:100%;
    min-height:300px;
    background-color:white;
    position:fixed;
    top:-300px;
    z-index:1200;
    padding-top:110px;
    padding-bottom:20px
}
#search-wrapper .close-search-wrapper{
    color:black;
    position:absolute;
    font-size:34px;
    right:20px;
    top:10px;
    cursor:pointer
}
#search-wrapper div.position-relative{
    width:80%;
    margin:0 auto
}
#search-wrapper .form-control.form-control-lg{
    width:100%;
    border-top:0px!important;
    border-left:0px!important;
    border-right:0px!important
}
#search-wrapper .fal.fa-spin.fa-spinner{
    position:absolute;
    top:18px;
    right:0px
}
#search-wrapper .form-control:focus{
    box-shadow:none!important
}
#search-result-wrapper{
    width:80%;
    margin:0 auto;
    padding-left:16px;
    padding-top:14px;
    max-height:300px;
    overflow-y:scroll
}
#search-result-wrapper a{
    font-size:20px;
    cursor:pointer;
    text-decoration:none
}
.slider-caption{
    position:absolute;
    bottom:0px;
    width:100%;
    color:white;
    background-color:RGBA(193, 143, 77, 0.6);
}
.slider-caption h1{
    letter-spacing:1px
}
.fancybox__content img{
    height:auto!important;
    width:100vw!important
}
.page-cover-with-image{
    position:relative;
    background-size:cover;
    background-position:center;
    height:375px
}
p.on-hover:hover{
    color:var(--tussock)!important
}
.cssProgress{
    width:100%;
    margin-bottom:20px
}
[col-type="26"] .blog-item{
    text-align:center;
    width:370px;
    max-width:100%;
    height:auto
}
[col-type="26"] .blog-item img{
    width:370px;
    max-height:250px;
    max-width:100%
}
[col-type="26"] .blog-item .image-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    display:none;
    top:0px
}
[col-type="26"] .blog-item .image-wrapper{
    cursor:pointer
}
[col-type="26"] .blog-header{
    color:white;
    background-color:var(--fanblue);
    margin-top:5px;
    padding:5px 10px;
    font-weight:300;
    font-size:15px
}
[col-type="26"] .blog-date{
    font-size:15px
}
[col-type="26"] .blog-short-info{
    font-size:15px;
    font-style:italic;
    padding:10px 10px;
    text-align:left;
    font-weight:300;
    margin-bottom:50px
}
[col-type="26"] .blog-link a{
    font-weight:bold;
    text-decoration:none;
    color:black;
    text-align:right;
    display:block;
    font-size:16px
}
[col-type="26"] .blog-link{
    position:absolute;
    bottom:0px;
    right:0px;
    padding:0px 50px
}
[col-type="26"] .blog-link a:hover{
    color:var(--midnight)
}
.fx{
    position:fixed!important;
    top:0px
}
#preloader{
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    background-color:rgba(0,0,0,1);
    z-index:10000
}
[col-type="24"] a{
    color:white;
    padding:10px 50px;
    background-color:var(--fanblue);
    text-decoration:none;
    font-size:30px;
    margin:0px;
    cursor:pointer;
    color:white!important;
    display:inline-block
}
[col-type="24"] a:hover{
    color:var(--midnight)!important
}
.slides{
    padding-left:0px;
    padding-right:0px;
    height:640px!important
}
#slides{
    position:relative;
    height:640px!important
}
#sliderCaptionWrapper{
    position:absolute;
    align-items:center;
    width:100%
}
#sliderCaptionWrapper .sliderOverlay{
    background-color:RGBA(193, 143, 77, 0.6);
    padding-top:50px;
    padding-bottom:50px
}
#sliderCaptionWrapper .sliderOverlay .text{
    color:white;
    line-height:49px
}
#sliderCaptionWrapper .sliderOverlay .text1{
    font-weight:bold;
    font-size:49px;
    color:white
}
#sliderCaptionWrapper .sliderOverlay .text2{
    font-weight:300;
    font-size:49px
}
#sliderCaptionWrapper .sliderOverlay .text3{
    font-weight:300;
    font-size:24px
}
#sliderCaptionWrapper .sliderOverlay a{
    color:white
}
#sliderCaptionWrapper .sliderOverlay a:hover{
    color:var(--tussock)
}
#slides .slides-container{
    display:none
}
#slides .scrollable{
    *zoom:1;
    position:relative;
    top:0;
    left:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    height:100%
}
#slides .scrollable:after{
    content:"";
    display:table;
    clear:both
}
.slides-navigation{
    margin:0 auto;
    position:absolute;
    z-index:3;
    top:46%;
    width:100%
}
.slides-navigation a{
    position:absolute;
    display:block
}
.slides-navigation a.prev{
    left:0
}
.slides-navigation a.next{
    right:0
}
.slides-pagination{
    position:absolute;
    z-index:3;
    bottom:0;
    text-align:center;
    width:100%
}
.slides-pagination a{
    border:2px solid #222;
    border-radius:15px;
    width:10px;
    height:10px;
    display:-moz-inline-stack;
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    zoom:1;
    *display:inline;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
    margin:2px;
    overflow:hidden;
    text-indent:-100%
}
.slides-pagination a.current{
    background:#222
}
.bg-darkblue{
    background-color:var(--tussock)!important
}
.text-darkblue{
    color:var(--midnight)!important
}
.text-funblue{
    color:var(--fanblue)!important
}
.bg-lightblue{
    background-color:var(--midnight)!important
}
.text-lightblue{
    color:var(--midnight)!important
}
.bg-boldblue{
    background-color:#20589F!important
}
.services-header{
    background-color:var(--tussock);
    color:white;
    position:absolute;
    bottom:30px;
    text-decoration:none;
    padding:20px 100px 20px 100px;
    font-size:30px;
    border:2px solid white;
    left:-90px
}
.owl-3 .owl-item{
    width:150px!important;
    margin:32px
}
.owl-3 .owl-stage-outer{
    height:200px
}
.owl-3 img{
    filter:grayscale(1)
}
.owl-3 img:hover{
    filter:grayscale(0)
}
#top{
    width:100%;
    background-color:white;
    z-index:100
}
#top a{
    color:white;
    cursor:pointer
}
#top a:hover{
    color:#000
}
#top #social-icons-wrapper{
    width:170px;
    float:right
}
#top #social-icons-wrapper a:hover{
    color:white!important
}
#menu{
    width:100%;
    z-index:100
}
#menu .logo{
    max-width:250px
}
.logo{
    cursor:pointer
}
.cp{
    cursor:pointer
}
.counter-wrapper{
    padding:20px 20px;
    border:1px solid var(--tussock);
    border-radius:20px;
    color:var(--fanblue)
}
[col-type="3"] .content-left{
    padding-left:30%
}
[col-type="3"] .content-left a{
    font-size:20px!important;
    text-decoration:none!important;
    font-weight:300!important;
    color:black!important
}
[col-type="3"] .content-left a:hover{
    color:var(--midnight)!important
}
.fs-25{
    font-size:25px!important
}
.fs-62{
    font-size:62px!important
}
[col-type="29"] .card{
    border:0px
}
[col-type="29"] .card-header{
    font-size:25px;
    color:white;
    background-color:var(--tussock);
    text-align:center;
    padding-top:20px;
    padding-bottom:20px
}
[col-type="29"] .card-body{
    font-size:14px;
    color:white;
    background-color:var(--midnight);
    font-weight:300;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px
}
@media(max-width:991px){
    [col-type="3"] .content-left{
        padding-left:0%
    }
}
[col-type="27"]{
    background-color:var(--midnight);
    font-weight:300
}
[col-type="27"] a{
    color:white;
    font-size:18px;
    padding:19px 30px;
    border:1px solid white;
    cursor:pointer;
    text-decoration:none
}
[col-type="27"] a:hover{
    color:var(--tussock)
}
.fs-12{
    font-size:12px!important
}
.fs-15{
    font-size:15px!important
}
.fs-20{
    font-size:20px!important
}
.fs-22{
    font-size:22px!important
}
.fs-24{
    font-size:24px!important
}
.fs-30{
    font-size:30px!important
}
.fs-34{
    font-size:34px!important
}
.fs-36{
    font-size:36px!important
}
.fw-300{
    font-weight:300
}
.fw-500{
    font-weight:500
}
.myButton{
    text-decoration:none
}
.myButton .g-button-right,.myButton .g-button-left{
    width:320px;
    margin-bottom:0px;
    margin:0 auto;
    position:relative
}
.myButton .g-button-right{
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
    /*background-image:linear-gradient(270deg,hsl(212deg 64% 45%) 0%,hsl(212deg 65% 44%) 3%,hsl(212deg 66% 43%) 7%,hsl(212deg 66% 42%) 11%,hsl(213deg 67% 41%) 16%,hsl(213deg 69% 40%) 23%,hsl(213deg 70% 39%) 31%,hsl(213deg 71% 38%) 43%,hsl(214deg 73% 36%) 61%,hsl(214deg 75% 35%) 100%);*/
	background: rgb(1,29,47);
	background: linear-gradient(90deg, rgba(1,29,47,1) 0%, rgba(1,29,47,1) 35%, rgba(193,143,77,1) 100%);
    text-align:right;
    -webkit-box-shadow:26px 5px 50px -26px #000000;
    box-shadow:26px 5px 50px -26px #000000
}
.myButton i{
    padding-top:6px
}
.myButton .g-button-right i{
    float:left
}
.myButton .g-button-right .icon-wrapper{
    border-right:1px solid white
}
.myButton .g-button-left .icon-wrapper{
    border-left:1px solid white
}
.myButton .g-button-left .icon-wrapper{
    float:right
}
.myButton .g-button-left{
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    background: rgb(1,29,47);
	background: linear-gradient(270deg, rgba(1,29,47,1) 0%, rgba(1,29,47,1) 35%, rgba(193,143,77,1) 100%);
    /*background-image:linear-gradient(90deg,hsl(212deg 64% 45%) 0%,hsl(212deg 65% 44%) 12%,hsl(212deg 66% 43%) 21%,hsl(212deg 66% 42%) 27%,hsl(213deg 67% 41%) 31%,hsl(213deg 69% 40%) 33%,hsl(213deg 70% 39%) 35%,hsl(213deg 71% 38%) 37%,hsl(214deg 73% 36%) 43%,hsl(214deg 75% 35%) 76%);*/
    text-align:left;
    -webkit-box-shadow:-31px 5px 50px -26px #000000;
    box-shadow:-31px 5px 50px -26px #000000
}
.myButton p{
    font-size:20px;
    font-weight:300
}
.myButton .span{
    height:59px;
    width:20px;
    background-color:white;
    display:inline-block;
    position:absolute
}
.myButton .span-1{
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
    top:1px;
    right:1px
}
.myButton .span-2{
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    top:1px;
    left:1px
}
.services-bg{
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center
}
#cssmenu{
    background-color:transparent;
    padding-top:14px;
    float:right;
    z-index:100
}
#cssmenu h2,#cssmenu h3{
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit
}
#cssmenu>ul>li>a{
    color:white;
    font-size:16px;
    font-weight:bold;
    padding:15px 15px
}
#cssmenu>ul>li:hover>a{
    color:var(--tussock)
}
#cssmenu>ul>li>a:hover{
    color:var(--tussock)
}
#cssmenu ul ul li a{
    color:white;
    background-color:var(--midnight);
    padding:8px 15px;
    width:245px;
    line-height:0px;
    padding-top:14px
}
#cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a{
    color:var(--tussock);
}
#cssmenu ul ul{
    top:0px;
    /*border:1px solid #ccc;
    border-top:4px solid var(--tussock);*/
    padding-top:70px
}
#cssmenu .language-section a{
    font-weight:bold;
    text-decoration:none;
    color:white;
    display:inline-block;
    padding-top:14px;
    font-size:18px;
    padding-left:10px
}
#cssmenu .language-section a:hover{
    color:var(--tussock)
}
[col-type="25"] .bhead::before{
    content:" ";
    background-color:var(--fanblue);
    width:800px;
    display:inline-block;
    height:30px;
    position:absolute;
    left:-20px;
    height:56px;
    z-index:0
}
[col-type="25"] .bhead{
    background-color:var(--fanblue);
    padding-left:20px;
    display:inherit
}
[col-type="25"] .bhead h4{
    font-size:30px;
    font-weight:500;
    color:white;
    margin-bottom:0px;
    padding-top:10px;
    padding-bottom:10px;
    z-index:1;
    position:relative
}
.fixed-action-btn{
    position:fixed;
    right:35px;
    bottom:35px;
    z-index:998;
    margin-bottom:0;
    overflow:hidden;
    height:500px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    padding:15px 15px 15px 15px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px
}
.btn-floating{
    position:relative;
    z-index:1;
    display:inline-block;
    padding:0;
    margin:10px;
    overflow:hidden;
    vertical-align:middle;
    cursor:pointer;
    border-radius:50%;
    -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    width:47px;
    height:47px;
    background-color:var(--midnight);
    color:white
}
.btn-floating i{
    font-size:1.25rem;
    line-height:47px
}
#mobile-header{
    width:100%;
    height:100px;
    background-color:white;
    position:fixed;
    top:0px;
    display:none;
    z-index:101
}
#mobile-header .logo{
    height:56px
}
#mobile-header span.btn-mobile-menu{
    font-size:24px;
    top:50%;
    margin-top:-19px;
    left:20px
}
#menu-wrapper{
    width:100%;
    height:100vh;
    background-color:var(--tussock);
    display:none;
    padding-bottom:30px;
    padding-bottom:100px;
    overflow-y:scroll;
    position:fixed;
    top:0px;
    z-index:100
}
#menu-wrapper .accordion-item{
    border-left:none;
    border-right:none
}
#menu-wrapper .accordion-item button{
    padding-top:10px;
    padding-bottom:10px
}
#menu-wrapper .accordion-item a,#menu-wrapper .accordion-item button{
    font-size:13px
}
#menu-wrapper .accordion-item li{
    padding-top:4px;
    padding-bottom:4px
}
#menu-wrapper .no-accordion::after{
    background-image:none;
    width:0.80rem;
    height:0.80rem;
    background-size:0.80rem
}
#menu-wrapper .no-accordion a{
    text-decoration:none;
    color:inherit
}
.btn-close-menu{
    position:absolute;
    right:18px;
    top:23px
}
.btn-mobile-menu{
    display:none;
    right:21px;
    font-size:30px;
    bottom:20px
}
[col-type="23"] h4{
    font-weight:500;
    font-size:40px;
    text-align:center;
    margin-top:20px;
    display:inline-block;
    margin:0px;
    line-height:40px;
    position:relative
}
[col-type="23"] h4::before,[col-type="23"] h4::after{
    content:" ";
    width:158px;
    height:29px;
    background-color:var(--midnight);
    display:inline-block;
    position:absolute
}
[col-type="23"] h4::before{
    bottom:6px;
    left:-180px
}
[col-type="23"] h4::after{
    bottom:6px;
    right:-180px
}
.fixed-animated-text{
    font-size:30px;
    font-weight:300;
    line-height:40px;
    letter-spacing:4px;
    color:#313131
}
.fixed-animated-text .animate-typing{
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    color:var(--fanblue)
}
[col-type="12"] .icon-circle{
    width:60px;
    height:60px;
    display:flex;
    background:var(--fanblue);
    border-radius:30px;
    margin:0 auto;
    margin-bottom:20px;
    justify-content:center;
    align-items:center
}
[col-type="12"] .icon-circle i{
    color:white;
    font-size:24px
}
[col-type="13"] .parent div{
    transform:scale(1);
    transition:all 2.9s
}
[col-type="13"] .parent:hover div,[col-type="13"] .parent:focus div{
    transform:scale(1.2);
    transition:all 2.9s
}
[col-type="21"] .topBar,[col-type="21"] .icon-bar{
    width:80%;
    float:right
}
[col-type="21"] .topBar .first-line{
    background-color:var(--midnight);
    padding:20px 50px
}
[col-type="21"] .bottom-bar{
    width:50%;
    position:relative;
    z-index:11
}
[col-type="21"] .picName{
    position:absolute;
    bottom:0px;
    left:-140px;
    z-index:10
}
[col-type="21"] .bottom-bar .text-funblue{
    text-align:right
}
[col-type="21"] .bottom-bar .text-funblue a{
    color:inherit;
    font-size:30px;
    text-decoration:none;
    cursor:pointer
}
[col-type="21"] .bottom-bar .text-funblue a:hover{
    color:var(--midnight)
}
[col-type="21"] .bottom-bar div{
    background-color:var(--midnight)
}
[col-type="21"] .bottom-bar p.p1{
    text-align:right;
    font-size:32px
}
[col-type="21"] .topBar p{
    color:white;
    text-align:center
}
[col-type="21"] .topBar .p1{
    font-size:37px;
    font-weight:bold
}
[col-type="21"] .topBar .p2{
    font-size:35px;
    font-weight:300;
    line-height:30px
}
[col-type="21"] .topBar .p1::before{
    content:url('https://mdb.serkanguney.com.tr/images/apo-1-22.png');
    position:relative;
    left:-10px;
    top:-20px
}
[col-type="21"] .topBar .p2::after{
    content:url('https://mdb.serkanguney.com.tr/images/apo-2-22.png');
    position:relative;
    left:7px;
    top:9px
}
[col-type="21"] .icon-circle{
    width:60px;
    height:60px;
    border-radius:30px;
    border:1px solid var(--fanblue);
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto
}
[col-type="21"] .icon-circle i{
    color:var(--fanblue);
    font-size:20px
}
[col-type="21"] .icon-bar .btn{
    border:1px solid #ccc
}
[col-type="21"] img.icon-1{
    position:absolute;
    z-index:1;
    right:20%;
    top:50%;
    margin-top:-50px;
    width:100px
}
[col-type="18"] .card,[col-type="18"] .card-header{
    border:none;
    border-bottom:none
}
[col-type="18"] .card-body{
    padding:0px;
    padding-top:10px;
    background-color:#f5f6f6
}
[col-type="18"] .card-header p{
    color:white;
    font-size:16px
}
[col-type="18"] .card-header .text-end p:last-child{
    font-style:italic
}
[col-type="18"] .owl-4 .item{
    background-size:cover;
    background-position:center;
    max-width:320px!important;
    display:block;
    margin:0 auto;
    position:relative
}
[col-type="18"] .owl-4 .owl-item{
    text-align:center
}
[col-type="18"] .owl-theme .owl-dots .owl-dot span{
    background:var(--midnight)!important
}
[col-type="18"] .owl-theme .owl-dots .owl-dot.active span{
    background:var(--fanblue)!important
}
[col-type="18"] .owl-theme .owl-dots .owl-dot span{
    width:30px!important;
    height:6px!important
}
[col-type="18"] .info{
    height:500px;
    overflow-y:scroll
}
[col-type="18"] .info p{
    margin-bottom:0px
}
[col-type="18"] .card-footer{
    min-height:235px
}
[col-type="18"] .kButton{
    padding:10px 0px;
    color:var(--fanblue);
    font-size:14px;
    font-weight:bold;
    background-color:white;
    text-decoration:none;
    display:inline-block;
    border:1px solid var(--fanblue);
    border-radius:10px;
    cursor:pointer;
    position:relative
}
[col-type="18"] .kButton span{
    padding-left:15px;
    padding-right:50px
}
[col-type="18"] .kButton-p{
    width:40px;
    height:43px;
    position:absolute;
    top:-1px;
    display:flex;
    right:0px;
    padding-top:13px;
    align-self:center;
    justify-content:center;
    background:var(--fanblue);
    color:white;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    margin-bottom:0px;
    cursor:pointer
}
[col-type="18"] .kButton:hover{
    color:var(--midnight)
}
[col-type="18"] .video-wrapper:hover .fa-play{
    color:red!important;
    font-size:70px!important
}
.owl-overlay{
    position:absolute;
    top:0px;
    left:0px;
    background-color:rgba(0,0,0,0.5);
    display:none;
    width:100%;
    height:100%
}
@media(max-width:1399px){
    [col-type="21"] img.icon-1{
        right:15%
    }
    [col-type="21"] .picName{
        left:-360px
    }
}
@media(max-width:991px){
    [col-type="27"] a{
        margin-top:20px;
        display:inline-block
    }
    [col-type="21"] .topBar,[col-type="21"] .icon-bar{
        width:100%;
        float:none
    }
    [col-type="21"] img.icon-1{
        right:10%
    }
    [col-type="21"] .bottom-bar{
        width:100%;
        padding-right:0px!important;
        margin-top:50px
    }
    [col-type="21"] .bottom-bar .text-funblue{
        text-align:center
    }
    [col-type="21"] .bottom-bar p.p1{
        text-align:center;
        font-size:20px
    }
    [col-type="21"] .bottom-bar .text-funblue a{
        font-size:20px
    }
    [col-type="21"] .picName{
        display:none
    }
}
@media(max-width:767px){
    [col-type="21"] .topBar .p1{
        font-size:30px
    }
    [col-type="21"] .topBar .p2{
        font-size:20px
    }
    [col-type="21"] img.icon-1{
        display:none
    }
    [col-type="23"] img{
        width:250px
    }
    [col-type="23"] h4{
        font-size:30px;
        line-height:30px
    }
    [col-type="23"] h4::before,[col-type="23"] h4::after{
        width:158px;
        height:20px
    }
    [col-type="24"] a{
        font-size:24px
    }
    [col-type="25"] .bhead h4{
        font-size:20px
    }
}
@media(max-width:575px){
    [col-type="21"] .topBar .p1{
        font-size:16px
    }
    [col-type="21"] .topBar .p2{
        font-size:14px;
        line-height:20px
    }
    [col-type="21"] .topBar .p1::before{
        content:""
    }
    [col-type="21"] .topBar .p2::after{
        content:""
    }
    [col-type="23"] h4::before,[col-type="23"] h4::after{
        width:90px
    }
    [col-type="23"] h4::before{
        left:-110px
    }
    [col-type="23"] h4::after{
        right:-110px
    }
}
@media(max-width:1399px){
    #cssmenu>ul>li>a,#cssmenu .language-section a{
        font-size:14px
    }
    #cssmenu>ul>li>a{
        padding:15px 10px
    }
    /*#cssmenu ul ul li a{
        width:110px
    }*/
}
@media(max-width:1200px){
    #cssmenu{
        display:none
    }
    .btn-mobile-menu{
        display:block
    }
    .services-bg{
        height:400px;
        justify-content:center;
        display:flex
    }
    .services-header{
        text-decoration:none;
        padding:20px 60px 20px 60px;
        font-size:20px;
        left:auto
    }
    .col-lg-hidden{
        display:none
    }
}
@media(max-width:991px){
    .col-md-center{
        text-align:center!important
    }
    .col-md-hidden{
        display:none!important
    }
    #top{
        padding-top:0.5em;
        padding-bottom:0.5em
    }
}
@media(max-width:767px){
    #menu .logo{
        max-width:150px
    }
    .btn-mobile-menu{
        bottom:7px
    }
}
@media(max-width:575px){
    .col-xs-hidden{
        display:none!important
    }
    #sliderCaptionWrapper .sliderOverlay .text{
        font-size:38px;
        text-align:center;
        line-height:38px
    }
    #sliderCaptionWrapper .sliderOverlay .text3{
        font-size:24px;
        line-height:28px
    }
    #sliderCaptionWrapper .sliderOverlay{
        text-align:center
    }
    .services-header{
        text-decoration:none;
        padding:20px 30px 20px 30px;
        font-size:14px
    }
}
@media(max-width:419px){
    [col-type="23"] h4::before,[col-type="23"] h4::after{
        content:"";
        display:none
    }
}