@media only screen and (max-width: 1600px)
{

}

@media only screen and (max-width: 1440px)
{

}


@media only screen and (max-width: 1380px)
{

}

@media only screen and (max-width: 1280px)
{

}


@media only screen and (max-width: 1199px)
{
    .page-title .wrap-contn{
        max-width:70%
    }
    .menu-open header{
        z-index: 4555;
    }
    .circle-info{
        width:200px;height: 200px;
    }
    .circle-info .count-tr{
        font-size:32px;
    }
    .circle-info p{
        font-size:16px;
    }
    .header .social__icons{
        margin-left: auto;
    }
    .site-topbar .container,.navbar .container{
        max-width: 100%;padding:0 30px;
    }
    .navbar-brand img{
        padding:15px 0;
    }
    .btn{
        font-size:13px;
    }
    .contact-info.fullh{
        margin:0;
    }
    .navbar{
        padding:10px 0;
    }
    .navbar .menu-content .menu-ul{max-height:100%;overflow:auto;}
    .navbar .menu-content {
        margin:0;
        position: fixed;
        flex-wrap: wrap;
        height: 100%;
        top: 0;
        width:100%;
        right: -100%;
        background: #fff;
        -webkit-transition: all 0.1s ease-in-out 0.0s;
        -moz-transition: all 0.1s ease-in-out 0.0s;
        -ms-transition: all 0.1s ease-in-out 0.0s;
        -o-transition: all 0.1s ease-in-out 0.0s;
        transition: all 0.1s ease-in-out 0.0s;
        flex-direction: column;
        display: flex;  justify-content: center;
    }
    .navbar .menu-ul li{
        width:100%;padding:8px 30px;text-align: center
    }
    .navbar .navbar-toggler{
        display: block;height: 36px;z-index: 33;border-radius: 0px;position: relative;width:36px;right: 0;
        -webkit-transition: all 0.3s ease-in-out 0.0s;
        -moz-transition: all 0.3s ease-in-out 0.0s;
        -ms-transition: all 0.3s ease-in-out 0.0s;
        -o-transition: all 0.3s ease-in-out 0.0s;
        transition: all 0.3s ease-in-out 0.0s;
        margin-left: 30px;
        position: absolute;
        right:20px;
    }
    .search-btn{
        margin-right: 60px;
    }
    .fixed-navbar .navbar .navbar-toggler{
        /*position: fixed;right:15px;top: 15px;*/
    }
    .navbar .navbar-toggler .menu-lines{
        left:6px;top:6px;
    }
    header .navbar-brand {
        position: relative;
        left: 0%;
        top: 0px;
        transform: none;
        margin: 0;
    }
    .navbar .menu-content.menu-is-opened{
        right: 0;
    }
    .navbar .menu-ul li.separator,.navbar .menu-ul li.empty{display: none;}
    .header-transparent .navbar .menu-ul li a{
        color:#fff;font-size: 24px;
        padding: 15px;
    }
    .header-transparent .navbar .menu-ul li.active > a{
        color:#75c53e;
    }
    .navbar .menu-content{
        height: 100vh;position: fixed;top:0;
    }

    .full-banner .slide__content{
        padding:0;
    }
    .navbar .menu-ul li{
        margin:0;padding:0
    }
    header {
        z-index: 123;position: relative;
    }
    .top-bar{
        position: relative;z-index:1;
    }
    .top-bar:hover{z-index:323}
    .navbar-toggler.actived{
        position: fixed;
        top: 10px;
        right: 10px;
    }
    .navbar .menu-content{
        background: rgb(238,10,123);
        background: -moz-linear-gradient(138deg, rgba(238,10,123,1) 0%, rgba(255,166,210,1) 90%);
        background: -webkit-linear-gradient(138deg, rgba(238,10,123,1) 0%, rgba(255,166,210,1) 90%);
        background: linear-gradient(138deg, rgba(238,10,123,1) 0%, rgba(255,166,210,1) 90%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee0a7b",endColorstr="#ffa6d2",GradientType=1); 
    }
    .menu-ul li .nav__item-link::before {
        display: none;
    }

    .menu-ul li a.nav__item-link i.dropdown-toggle{
        position: relative;z-index: 231;width:26px;height: 26px;background:#75c53e;
        border-radius: 4px;
        background: #75c53e;
        vertical-align: middle;
        display: inline-block;
        flex: 0 0 26px;
        margin-left: 5px;

    }
    .header-transparent .navbar .menu-ul li a{
        width: 100%;display: block;
    }
    .header-transparent .navbar .menu-ul li ul li a{
        padding:5px 15px;
    }
    .menu-ul > li > a i::after {
        color: #fff;
        font-size: 18px;
        bottom: unset;
        top: 46%;
        color: #fff;
        opacity: 1;
    }
    .menu-ul > li > a i::after,.menu-ul > li > a i::after,.menu-ul li a.nav__item-link i.dropdown-toggle:after {
        color:#fff;font-size:20px;bottom:auto;
        bottom: auto;
        top: 50%;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .menu-ul .dropdown-menu{
        position: relative;box-shadow: none;
        top: 0;
        left: 0;
        border:none;padding: 0px;marrgin:0;
        background: transparent;
        width: 100%;
    }
    .header-transparent .navbar .menu-ul li .dropdown-menu a{
        font-size:16px;
    }
    .header-transparent .navbar .menu-ul li ul.sub-menu {margin-bottom:20px;top:auto !important;bottom:auto !important;}
    .header-transparent .navbar .menu-ul li ul.sub-menu ul.sub-menu a {
        font-size: 14px;
    }
    .header-transparent .navbar .menu-ul li a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .menu-ul > li::before {
        display: none;
    }
    body{
        font-size:16px;
    }
    .iniciative-hm .owl-nav{
        width:calc(100% + 30px);left:-15px;
    }
    .button.full{
        line-height: 1.4;
    }
    .btn{
        padding:14px 20px !important;
    }
}

@media only screen and (max-width: 1100px)
{
    .social_slider_widget{
        display: none;
    }
    .site-topbar .left-s .ons-s span.action{
        font-size:18px;
    }
    .site-topbar .left-s .ons-s span.text{
        font-size:14px;
    }
    .site-topbar{
        padding:15px 0;
    }
}


@media only screen and (max-width: 1024px)
{

}


@media only screen and (max-width: 991px)
{
    body,footer{
        font-size:15px;
    }
    .home-text .container{
        max-width:100%;width:100%;
    }
    .site-topbar .container{
        flex-wrap:wrap;
    }
    .site-topbar .left-s{
        width:100%;justify-content: center;
        text-align: center;
        margin-bottom: 10px;
    }
    .site-topbar .left-s p{
        width:100%;
    }
    .right-menu{
        margin-right: auto;
    }
    .menu-top{
        padding:5px;flex-wrap:wrap;
    }
    .site-topbar .menu-top > li{
        margin:0 10px;padding: 7px 0px;
    }
    .title-cls + p::before{
        width:100px;
    }
    .title-cls + p{
        padding-left:120px;
    }
    .special-col .texp-item{
        flex-wrap:wrap;
    }
    .special-col .texp-item .text-cnt,.special-col .texp-item img{
        width:100%;
    }
    .full-banner .owl-theme .owl-nav [class*="owl-"]{
        width: 40px;
        height: 40px;
        font-size:20px
    }
}

@media only screen and (max-width: 959px)
{
    body #site .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container ul.vc_tta-tabs-list{
        display:flex;flex-wrap:wrap;
    }
    body #site .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab a{display:block;padding:10px 10px;min-height: 20px;margin: 5px;}
}

@media only screen and (max-width: 880px)
{
    .circle-info{
        margin:10px 5%;
    }
    .text-content{
        justify-content: center;
    }
}

@media only screen and (max-width: 768px)
{

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

}
@media only screen and (max-width: 767px)
{
    .site-topbar .menu-top > li img{
        display: none;
    }
    .site-topbar .left-s p{
        margin-top: 15px;
    }
    .title-cls + p{
        flex-wrap:wrap;
    }
    .title-cls + p a{
        margin-top:20px;margin-left:auto;
    }
    footer{
        padding-top:50px;
    }
}

@media only screen and (max-width: 575px)
{
    .site-topbar .container, .navbar .container{padding:0 15px;}
    .navbar-brand img{
        padding:0 5px;height: 50px;
    }
    .navbar{
        padding:5px 0;
    }
    .title-cls + p{
        padding-left:20px;padding-top:30px;
    }

    .page-title .wrap-contn{
        max-width:100%;
        padding: 25px;
    }
    #scrollTopBtn {
        right: 10px;bottom:10px;
    }
    .special-col .texp-item .text-cnt{
        padding:30px;
    }
    .col-md-4 .texp-item p,.special-col .texp-item .text-cnt .testimontr{
        font-size:1rem;line-height: 1.5rem;
    }
    .special-col .texp-item .text-cnt .service_title{
        font-size:2rem;
    }
    .special-col .texp-item .text-cnt .tsubtitle{
        font-size:1.4rem;
    }
    .col-md-4 .texp-item .service_title{
        font-size: 1.575rem;
    }
    .title-cls{
        margin-bottom:15px;
    }
    .breadcrumb{
        font-size:12px;
    }
    .service-item2{
        flex-wrap:wrap;
    }
    .service-item2 .rt-image {
        width: 100%;
        flex: 0 0 100%;
        margin-right: 0;
    }
    .service-item2 .list-content{
        padding-right:0;
    }
}


@media only screen and (max-width: 480px)
{
    .header .social__icons{
        display: none
    }
    .search-btn{
        margin-left:auto;
    }
    .site-topbar .left-s img {
        margin-right: 5px;
        width: 35px;
        height: 35px;
        object-fit: contain;
    }
    .site-topbar .left-s .ons-s{
        text-align: left;
    }
    .site-topbar .left-s .ons-s span.text{
        font-size:13px;margin-bottom: 5px;
    }
    .site-topbar .left-s .ons-s{
        width:100%;margin:0 0 15px 0;
    }
    .news_post.blog > p.date {
        margin-right: 10px;
        flex: 0 0 auto;
        text-align: center;
        min-width: 60px;
        position: sticky;
        top: 80px;
        align-self: flex-start;
    }
    .news_post.blog{
        padding-right:0;
    }
    .site-topbar .left-s p{
        margin-top:0;padding-top:0;
    }
    #header{
        position:absolute;width:100%;margin-top:-60px;
    }
    #header.fixed-navbar{
        position: fixed;margin-top:0;
    }
    .top-bar{margin-bottom:60px;}
	div.p p{
		word-wrap: anywhere;
	}
}

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


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


}

@media only screen and (min-width:1200px)
{
    .container {
        max-width: 1140px;
    }

}