@media only screen and (max-width: 1700px)
{

}

@media only screen and (max-width: 1440px)
{

    .one-contact{
        font-size: 18px;
    }
    .one-contact h3{
        font-size:18px;
    }
    .contact-info-data p img{
        max-width: 40px;
    }
    .navbar-dark .navbar-nav .nav-link{
        font-size:16px;padding:31px 12px;
    }
    .navbar-brand img {
        width: 265px;
    }
    .full-banner .owl-theme .owl-nav [class*="owl-"]{
        width:50px;height: 50px;
    }
}


@media only screen and (max-width: 1380px)
{
    header .menu-top .logo-top{
        width:250px;
    }
    .btn {
        padding: 10px 25px;font-size: 12px;
    }
    header .menu-top .logo-top img{
        max-height:60px;
    }
    header nav.navbar{
        padding:2px 0;
    }
}

@media only screen and (max-width: 1280px)
{
    .social_slider_widget{
        display: none;
    }

}


@media only screen and (max-width: 1199px)
{
    header .menu-top .logo-top img{
        max-height: 60px;
    }
    .dropdown-menu .dropdown-item{
        color:#000;
    }
    .menu-top .navbar-toggler {
        height: 36px;display: block;
        position: relative;
        z-index: 34332;
        width: 50px;
        margin-top: -5px;
    }
    header .menu-top{
        padding:3px 0px;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;margin-right: 3rem !important;margin-left:auto;
    }
    .menu-top .navbar-toggler .menu-lines {
        display: inline-block;position: absolute;top:9px;left:10px;margin-top:2px;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }
    .menu-top .navbar-toggler.actived .menu-lines{
        margin-top:10px;
    }
    .menu-top .navbar ul{
        margin:0 auto;
    }
    .contact-top-data{
        flex: 0 0 auto;margin-left: auto;
    }

    .menu-top .contact-top-data ul li{
        font-size: inherit;
    }
    .menu-top .navbar-toggler .menu-lines:after,
    .menu-top .navbar-toggler .menu-lines:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        width: 28px;
        height: 3px;
        display: inline-block;
        background-color: #000;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }
    .menu-top .navbar-toggler .menu-lines:after {
        top: 16px;
    }
    .menu-top .navbar-toggler .menu-lines span {
        position: absolute;
        top: 0;
        left: 0;
        width: 28px;
        height: 3px;
        background-color: #000;
    }
    .contact-top{
        font-size:12px;
    }
    .menu-top .navbar-toggler.actived .menu-lines > span {
        opacity: 0;
    }
    .menu-top .navbar-toggler.actived .menu-lines:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #000;
    }
    .menu-top .navbar-toggler.actived .menu-lines:after {
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #000;
    }
    header.fixed-navbar {
        top: 0px;
    }
    .navbar-header{
        right: 0px;
        position: relative;margin-left: auto;
    }
    nav .navbar-collapse{
        position: fixed;width: 400px;height: 100%;background:  #fff;max-width:100%;
        text-align: center;
        justify-content: center;right:-100%;
        top: 0;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        overflow-y: auto;
        z-index: 34234;
    }
    .navbar-collapse.menu-opened{
        right:0;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        position: relative;background: transparent;
        margin: 0;
        text-align: center;
        border: 0;
        padding: 0;
    }
    header .navbar-nav li{display: block;}
    .navbar-expand-lg .navbar-nav{
        flex-wrap: wrap;
        flex-direction: column;
        width: 500px;
        max-width: 100%;
        left: -100%;
        margin:0 auto;
    }
    header .menu-top a, .navbar-expand-lg .navbar-nav .nav-link {
        color: #000;
        font-size: 15px;
        padding: 10px 25px 10px;
        position: relative;
    }
    .header-top .menu-top a, .navbar-expand-lg .navbar-nav .nav-item:last-child > .nav-link{
        padding: 10px 25px 10px;
    }
    header .menu-top li ul li a{
        font-size:13px;
    }
    header .nav-item.dropdown > a i {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: 15px;
        text-align: right;
        z-index: 2;
        height: 30px;
        padding: 0;
        width: 30px;
        border-radius: 50%;
        background: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header .menu-ul{
        width:100%;
    }
    body{
        font-size:14px;
    }
    header .ticket img {
        margin-left: 10px;
        margin-top: -20px;
        max-width: 28px;
    }
    .row-mp-data .col-md-5 {
        margin: 10px auto;
        width: 600px;
        max-width: 100%;
        flex: 0 0 auto;
    }
    body.menu-open:before{
        width:100%;height: 100%;position: fixed;background:rgba(0,0,0,0.5);content:'';left:0;top:0;z-index: 10;
    }
    nav .collapse:not(.show){
        display: flex;
    }
    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(0,0,0,0.75);
    }
    .mobile-close{
        display: block;position: absolute;font-size:28px;top:0;left: 0;color:#000;padding:5px;cursor: pointer;
    }
    .arrow-nav{
        padding:5px;
    }
    .navbar-expand-lg .navbar-nav .nav-link.bg-primary{margin:0 !important}
}

@media only screen and (max-width: 1100px)
{

}


@media only screen and (max-width: 1024px)
{
    .full-banner .owl-text.home_content .container{
        width: 100%;
    }
    .slide__content .btn{
        margin-top: 10px;
    }
    .btn {
        padding: 10px 25px;font-size:12px;
    }
}


@media only screen and (max-width: 991px)
{
    .navbar-expand-lg .navbar-toggler{
        margin-right: 0 !important;
    }
    .slider-area .display-3 {
        font-size: calc(1.525rem + 2.5vw);margin-bottom: 0.5rem !important
    }
    .slider-area h6{
        font-size:13px;
    }
    #map{
        margin-bottom:30px;
    }
    .navbar-brand img {
        width: 240px;
    }
    .navbar{
        padding-top: 10px !important;;padding-bottom: 10px !important;
    }
    .contact-info-card .one-contact .adr-inf{
        width:100%;margin:10px 15px;
    }
    header .languages-top a{
        font-size:16px;
    }
    header .languages-top{
        padding-left: 15px;
    }
    header .right-elems{
        padding:0 15px 0 20px ;
    }
    header .right-elems a{
        font-size:14px;
    }
    .form-title{
        font-size:30px;line-height: 1.2;
    }
    .text-content-b .page-title{
        font-size:28px;
    }
    .text-content-b .page-subtitle{
        font-size:13px;
    }
    header .menu-top .logo-top{
        max-width: 250px;padding:3px 0;
    }
    .full-banner .owl-dots{
        bottom:5px;
    }
    .single-slider .container h1{
        font-size:36px;
    }
    .full-banner .owl-text.home_content{
        margin-top: 0;
    }
}


@media only screen and (max-width: 880px)
{

}

@media only screen and (max-width: 767px)
{
    .back-to-top{
        left:auto;right:15px;
    }
    .sticky-top{
        padding:0 15px !important;
    }
    header .top-header .col-lg-4 {
        display: none;
    }
    .top-header a{
        font-size:12px;
    }
    .top-header ul{
        text-align: center;font-size:13px;
    }
    header{
        position: relative;
    }
    header .menu-top{
        position: relative;
    }
    header .menu-top .logo-top img {
        max-height: 45px;
    }
    .contact-top-data ul{
        font-size:20px;
    }
    .contact-top-data .contact-top i{
        width:26px;height: 26px;font-size:12px;
    }
    .footer__widget-content {
        font-size: 14px;
    }
    .box-info {
        height: auto;
        margin: 20px 0;
        padding: 40px 15px;
    }
    .text-content-b{
        left:10px;text-align: left;
    }
    .text-content-b .page-title::before,.text-content-b .page-title::after {
        display: none;
    }
    .contact-info-data p{
        font-size:18px;
    }
    .spc-t{font-size:30px;}
    .footer-menu{
        padding:20px 15px;
    }
    .page-title {
        min-height: 200px;
        padding:20px 0;
    }
    footer .social-list{
        margin-bottom: 20px;
    }
    header .menu-top a.logo{
        padding: 0;
    }
}

@media only screen and (max-width: 575px)
{
    body{
        font-size:14px;
    }
    .contact-top-data{
        display: none;
    }
    .one-contact h3{
        width: 100%;
    }
    div.p img{
        margin:15px 0;
    }
    div.p .photo-full h5 *,div.p h4{
        font-size:22px;line-height: 1.1;
    }
    div.p .photo-full h4 ,	div.p .photo-full h4 *{
        font-size:18px;line-height: 1.2;
    }
    .one-contact{
        flex-wrap:wrap;
    }
    .full-banner .owl-text.home_content{
        padding:0;
    }
    .about-home, .section{
        padding:30px 0;
    }
    .single-slider .container h1 {
        font-size: 24px;
    }
    .breadcrumb {
        font-size: 12px;
    }
    .page-title {
        min-height: 170px;
    }
    header .menu-top .logo-top img{
        max-height: 55px;
    }
    div.p p span strong{
        font-size:22px;
    }
    .subpage2v .entry-title{
        font-size:25px;
    }
    .themecolor em{
        font-size:24px;text-align:center;display: block;
    }
    .slider-area .display-3{
        font-size:26px;
    }
    .slider-area .px-3{
        padding:0 10px !important;
    }
    .section > .container-fluid,
    .section > .container {
        padding: 0 15px !important;
    }
    .homebox{
        padding:30px 0 !important;padding-left:0px !important;;padding-right: 0px !important;
    }
    .adr-inf i.text-primary{
        width:65px;height: 65px;line-height: 65px;
    }
    #map{min-height: 300px}
    .form-control{
        font-size:14px;
    }
    div.contact-form{padding:20px !important;}
    .one-box{
        padding:30px;
    }
    .h1-testimonial-active{
        padding:20px 0;
    }
    .testimonial-area::before {
        left:0 !important;
    }
    .portfolio-item{
        margin-bottom: 0;margin-top:15px;
    }
}


@media only screen and (max-width: 480px)
{
    header .top-header{
        display: none;
    }
    .footer__widget-content {
        font-size: 13px;
    }
    .one-contact h3 {
        font-size: 16px;
    }
    .one-contact {
        font-size: 16px;
    }
    .form-title {
        font-size: 24px;
    }
    .spc-t{font-size:26px;}
    .sc_services_port_style  .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    header .menu-top nav,.full-banner .owl-text.home_content{
        width:100%;
    }
    .contact-info-card .one-contact .adr-inf{
        padding:15px;
    }
    .navbar-brand img {
        width: 200px;
    }
    footer .footer{
        padding:30px 20px !important;text-align: center;
    }
    footer .social-list{
        margin-left:auto;margin-right: auto;
    }
}

@media only screen and (max-width: 400px)
{

    .full-banner .container{
        padding:0;
    }
    .navbar-dark .navbar-brand{
        padding:0;
    }
}

@media only screen and (max-width: 330px)
{

}
@media only screen and (max-width: 300px)
{

}

@media only screen and (min-width:1200px)
{

}
@media only screen and (min-width:1340px)
{
    .container {
        max-width: 1240px;
    }
    body{
        font-size:15px;
    }

}
@media only screen and (min-width:1420px)
{
    .container {
        max-width: 1300px;
    }
    body{
        font-size:16px;
    }
}
