/* ===================================
    Media Queries
====================================== */

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

}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1260px;
    }
}
@media (max-width: 1400px){
    .search-area {
        position: relative;
        right: -50px;
    }

}

@media screen and (max-width: 1199px) {
    /*slider*/
    #banner-slide .owl-slide{
        padding-top:0;
        min-height:300px;
    }
    .owl-slide-text {
    padding-left: 18%;
    padding-top: 30px;
    position: relative;
    min-height: 300px;
}
.owl-slide-subtitle h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 50px;
}
.navbar-top-default .navbar-brand {
    position: absolute;
    left: 53%;
    transform: translateX(-50%);
    font-weight: bold;
    max-width: 130px;
}
    /*.navbar-simple .navbar-nav .nav-link {*/
    /*    padding: 0.4rem 1.5rem;*/
    /*    margin-left: -0.5rem;*/
    /*    color: #333;*/
    /*}*/

    .navbar-simple .navbar-nav .nav-link {
        padding: 8px 8px;
        margin-left: .3rem;
        color:#333;
        /*color:#55a532;*/
    }
    .search-area {
        position: relative;
        right: 0px;
    }

    /*.search-area {*/
    /*    position: relative;*/
    /*    right: 20px;*/
    /*}*/
    .content-image img{
        max-width: 100%;
        margin-left:0;
    }
    .counter-row{
        width: 100%;
        max-width: 100%;
    }
    .counters{
        padding: 7.5rem 15px;
    }
    .counter-row .counter-item{
        text-align: center;
    }
    #app-slider{
        left: 27px;
    }
    .blog-image, .blog-image img{
        max-width:100%;
    }
    .feature-skill-box {
        padding: 20px;
    }

    .feature-half{
        height: 800px;
    }
    .rev_slider .caption, .rev_slider .tp-caption p{
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
    .half-map {
        height: 680px;}
    .d-up:after{
        top:-150px;
    }
    .d-up2:after{
        top:-150px;
    }
    .d-down:after{
        bottom:-250px;
    }
    .d-down2:after{
        bottom:-200px;
    }
    .counter-area {
        position: relative;
        z-index: 999;
        padding: 10px 30px;
    }
    #banner-slide .owl-dots, #banner-slide .owl-nav {
        position: absolute;
        transform: rotate(90deg);
        width: 300px;
        left: -12% !important;
        top: 50% !important;
    }

    #banner-slide .owl-slide{
        height:600px;
    }
    .bottom-nav, .bottom-nav{
        top:500px;
    }
    .timeline {
    white-space: nowrap;
    overflow: hidden;
}
.tech-box2 img {
    height: 120px;
    object-fit: cover;
    width: 100%;
}
.tech-box, .tech-box2 {
    position: relative;
    min-height: 200px;
}
.tech-box2 .tech-content h4 {
    color: #fff;
    font-size: 12px;
    line-height: 24px;
}
}

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

    .top-header-area{
        display: none;
    }

    .top-header-area ~ .navbar-top-default{
        top:0;
    }
    .h-search-form {
        position: relative;
        margin-bottom: 10px;
        text-align: left;
        margin-top: 50px;
    }
    .owl-slide-title {
        font-size: 30px;
        margin-bottom: 50px;
    }
    .owl-slide-subtitle h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }
   
    .slider-social,.tp-bullets.wexim{
        display: none;
    }
    .sidemenu_btn {
        position: absolute;
        right: 20px;
        margin: 0;
        display: block;
    }
    .app-image img{
        max-width: 100%;
    }
    #app-slider {
        position: absolute;
        top: 51px;
        width: 177px;
        left: 16px;
        height: 315px;
    }
    .blog-pagination{
        margin-bottom: 3.5rem;
    }
    .center-logo .logo {
        left: 0;
        position: relative;
        top: auto;
        transform: translateX(0);
    }
    .navbar-box .container{
        padding:0 15px;
    }
    .navbar-box .sidemenu_btn {
        display: inline-block !important;
        margin: 0;
    }

    .onepage-slide h2{
        font-size: 2.5rem !important;
    }
    .onepage-slide h2 span{
        font-size: 2.5rem !important;
    }
    .coming-img{
        display: none;
    }

    .standalone-row{
        text-align: center;
    }

    .standalone-row h2{
        margin-top: 3rem;
    }

    .blog-text{
        max-width: 100%;
    }
    .feature-half{
        height: auto;
        width: 100%;
    }
    .feature-skill-box {
        padding: 7.5rem 0;
        max-width: 720px;
        margin: 0 auto;
    }
    .content .title {
        margin-bottom: 3rem;
    }
    #portfolio_top::before, #portfolio_top::after {
        background: #f8f9fa;
        height: auto;
    }
    .text_wrap {
        padding: 25px 15px;
    }
    .about-box {
        max-width: 100%;
        text-align: center;
        padding: 0 15px;
    }
    .about-box {
        max-width: 100%;
        text-align: center;
        padding: 0 15px;
    }
    .feature-half-two {
        display: none;
    }
    .wrapper{
        padding-left: 0;
    }

    .wrapper.right{
        padding-right: 0;
    }

    .side-right-btn{
        display: inline-block;
    }

    .navbar-right.left ~ .side-right-btn{
        left: auto;
        right: 20px;
    }


    .navbar.navbar-right{
        left: -290px;
    }

    .navbar.navbar-right.show{
        left: 0;
    }

    .navbar.navbar-right.left{
        left: auto;
        right: -290px;
    }

    .navbar.navbar-right.show{
        right: 0;
    }


    #aimated-cursor{
        display: none !important;
        visibility: hidden !important;
    }

    .ul.count_down{
        padding:0 15px;
    }
    ul.count_down li{
        width: 100px;
    }
    ul.count_down li p:nth-child(1) {
        font-size: 48px;
    }
    .sidemenu_btn.parallax-btn {
        width: 45px;
    }
    .sidemenu_btn_inner {
        height: 35px;
        width: 35px;
    }
    .content{
        text-align: center;
    }
    .address-block{
        padding: 15px;
        text-align: center;
    }
    .d-up:after{
        top:-150px;
    }
    .d-up2:after{
        top:-150px;
    }
    .d-down:after{
        bottom:-250px;
    }
    .d-down2:after{
        bottom:-200px;
    }
    .counter-area {
        position: relative;
        z-index: 999;
        padding: 10px 30px;
    }
    .u-service-box img {
        height: 150px;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .main-nav{
        display:block;
    }
    #banner-slide .owl-dots, #banner-slide .owl-nav {
        position: absolute;
        transform: rotate(90deg);
        width: 300px;
        left: -14% !important;
        top: 50% !important;
    }
    .industry-box img{
        border-radius:10px 10px 0 0;
        position: relative;
        height:200px;
        width:100%;
        object-fit: contain;
    }

    .popular-blog .blog-content h4 {
        font-size: 12px;
        color: #000;
        font-weight: 400;
        margin: 0 0 10px 0;
    }
    .popular-blog .blog-content span {
        font-size: 9px;
        color: #706F6F;
        line-height: 12px;
    }
    .blog-img img {
        height: 150px;
        object-fit: contain;
    }
    .blog-content h4 {
        margin-bottom: 20px;
        color: #1DA3DD;
        font-size: 18px;
    }
    .blog-date {
        margin: 0;
        font-weight: 500;
        text-align: right;
        float: left;
    }
    .blog-content p {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 20px;
    }
    .feature-box h4{
        font-size:18px;
    }
    .feature-box .item-icon {
    padding: 10px;
    width: 80px;
    height: 80px;
    }
    #banner-slide .owl-slide{
        height:600px;
    }
    .bottom-nav, .bottom-nav{
        top:500px;
    }
    .overlay-content p {
    font-size: 12px;
    color: #fff;
    margin: 20px;
    line-height: 15px;
}
.timeline {
    white-space: nowrap;
    overflow: hidden;
}
.tech-box2 img {
    height: 120px;
    object-fit: cover;
    width: 100%;
}
.tech-box, .tech-box2 {
    position: relative;
    min-height: 200px;
}
.tech-box2 .tech-content h4 {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}
}


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

    body{
        text-align: center;
    }

    section, .section-padding,.testimonial-item {
        position: relative;
        padding: 2.5rem 0;
        overflow: hidden;
    }
    .side-menu .inner-wrapper {
        padding: 30px;
    }
    .h-search-form {
        margin-bottom: 10px;
        margin-top:50px;
    }
    .address-text {
        padding: 4.5rem 0;
    }
    .counters {
        padding: 4.5rem 15px;
    }

    .half-map {
        height: 450px;
    }

    .blog-half-text,.contact-form.left{
        padding: 4.5rem 0;
    }

    .title h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .title {
        margin-bottom: 2rem;
        margin-right:0;
    }

    .side-menu {
        width: 380px;
    }
    .sidemenu_btn{
        display:block;
    }
    .page_nav{
        float: none;
    }

    .owl-slide-title {
        font-size: 26px;
        margin-bottom: 25px;
    }
    .owl-slide-subtitle h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .owl-slide-text {
        padding-left: 0px;
        padding-top: 0px;
        min-height:250px;
    }
    #banner-slide .owl-dots, #banner-slide .owl-nav {
        position: absolute;
        transform: rotate(180deg);
        width: 300px;
        left: 0% !important;
        top: 60% !important;
    }
    #banner-slide .btn {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: inline-block;
        max-width: fit-content;
        bottom: 30px;
    }

#banner-slide .owl-slide img {
    max-height: 300px;
    object-fit: contain;
}
    .onepage-slide h2{
        font-size: 2rem !important;
    }
    .onepage-slide h2 span{
        font-size: 2rem !important;
    }

    .personal-box h2 {
        font-size: 2rem;
    }
    .personal-box h3 {
        font-size: 1.5rem;
    }
    .sidemenu_btn{
        margin-right: 0;
    }
    .coming-box img {
        max-width: 300px;
    }
    .coming-box .subscribe {
        max-width: 400px;}

    .simply-countdown .simply-section .simply-amount {
        font-size: 1.2rem;
    }
    #testimonial_slider .owl-dots{
        bottom: 50px;
    }
    .single-version h2, .single-version h2 span{
        font-size: 3rem;
        line-height: 1.3;
    }
    .feature-skill-box {
        max-width: 540px;
        padding: 4.5rem 0;
    }
    .feature-box .item-icon{
        margin:30px;
    }
    .brands-content{
        padding-right:0;
    }
    .ofc-img {
        position: relative;
        z-index: 99;
        max-width: 60%;
    }
    #brands-slider img {
        max-width: 130px;
        object-fit: contain;
        border: 1px solid #ddd;
        display: inline-block;
    }
    .conical-blue-bg {
        height: 100%;
        width: 100%;
        background: #1DA3DD;
        position: absolute;
        right: 0;
        top: 25%;
        z-index: 0;
        clip-path: fill-box;
    }
    .counter-area {
        position: relative;
        z-index: 999;
        padding: 20px 30px;
    }
    .d-up:after {
        transform: rotate(90deg);
    }
    .d-up2:after {
        transform: rotate(90deg);
    }
    .d-down:after{
        transform: rotate(-90deg);
        right: -70px;
    }
    .d-down2:after{
        transform: rotate(-90deg);
        right: -20px;
    }

    .classic-box h2 {
        font-size: 2.2rem;
    }
    .bottom-text .port_head{
        font-size: 4rem;
        text-align: left;
    }
    .about-skill .about-item {
        width: 100%;
    }
    .about-skill .about-item:not(:last-child){
        margin-bottom: 2rem;
    }
    .parallax-box h2 {
        font-size: 2rem;
    }
    .parallax-box h5 {
        font-size: 1rem;
    }

    .ul.count_down{
        padding:0 15px;
    }
    ul.count_down li{
        width: 125px;
        padding: 0 10px;
    }
    ul.count_down li p:nth-child(1) {
        font-size: 48px;
    }
    .count-down-form form {
        width: 100%;
        max-width: 465px;
    }
    .rev_slider .caption, .rev_slider .tp-caption p{
        padding: 30px 0 !important;
    }
    #testimonial_slider .owl-dots{
        right:0;
    }
    .footer{
        text-align: left;
    }
    .inner-slide-text {
        padding-left: 18%;
        padding-top: 70px;
        text-align: left;
    }
    #brands-slider {
        margin: 0; 
    }
    #inner-banner-slide .owl-dots, #inner-banner-slide .owl-nav {
        position: absolute;
        transform: rotate(90deg);
        width: 200px;
        left: -10% !important;
        top: 50% !important;
    }
    .inner-banner-title{
        font-size:24px;
    }
    .category-menu{
        padding:15px ;
        height:auto;
        text-align: left;
    }
    .category-name{
        display: none;
    }

    .tab-area .tab-pane .table {
        max-width: 100%;
    }
    .download-area{
        width:100%;
    }
    .tab-content h6 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .slider__image img {
        display: block;
        width: 70%;
        padding: 40px;
        height: auto;
        margin: 0 auto;
        object-fit: contain;
    }
    .product-details p {
        padding: 5px 0 0 0;
        text-align: left;
    }
.cta-area .btn{
    float:none !important;
     margin-top:10px;
}
    .brand-logo-container {
        width: 100% !important;
        
    }
    .brand-logo-container img{
        width:100% !important;
        height:150px !important;
        object-fit: contain !important;
    }
.industry-box img {
        border-radius: 10px 10px 0 0;
        position: relative;
        height: auto;
        width: 100%;
        object-fit: cover;
    }
.event-area .nav-item{
    display: inline-block;
}
.contact-form .btn{
    float:none;
}
.event-location, .event-date{
    text-align: left;
    display: block;
    float: none;
}
.title-desktop{
    display: none;
}
.title-mobile{
    display: block;
}
#pills-tab.me-3{
    margin-right:0 !important;
}
}
@media screen and (min-width:540px)and (max-width:680px){
    .owl-slide-text {
        padding-left: 0px;
        padding-top: 0px;
        height: 250px;
        display: contents;
    }
 .brand-logo-container{
        height: auto;
        width: 100%;
        object-fit: contain;
        display: block !important;
    }
.brand-logo-container img{
    width:100%;
}
}
@media screen and (max-width:576px){
    .grid-container {
        column-count: 1;
        column-gap: 0;
        padding: 0;
    }
    .ofc-img {
        position: relative;
        z-index: 99;
        max-width: 90%;
    }
    #banner-slide .owl-dots, #banner-slide .owl-nav {
        position: absolute;
        transform: rotate(180deg);
        width: 300px;
        left: 20% !important;
        top: 75% !important;
    }
    #particles-js h2 {
        font-size: 2rem;
    }
    .single-version h2 {
        font-size: 2.5rem;
    }
    .single-version h2 span {
        font-size: 3rem;
    }
    .h1, h1{
        font-size: 2rem;
    }
    .team-two-block.d-flex{
        display: block !important;
    }
    .team-box-two .team-two-block li{
        width: 100%;
        display: block;
    }
    .team-box-two .team-two-content {
        padding: 40px 25px;
    }
    .team-box-two .team-two-block::before{
        width: 100%;
        top: 0;
    }
    .team-box-two .team-two-block.left::before {
        left: 0 !important;
        top: -100%;
    }
    .team-box-two .team-two-block.left:hover::before {
        top: 0;
        opacity: 1;
        visibility: visible;
    }
    .team-box-two .team-two-block.right::before {
        right: 0 !important;
        top: -100%;
    }
    .team-box-two .team-two-block.right:hover::before {
        top: 0;
        opacity: 1;
        visibility: visible;
    }
    .price-two {
        padding: 4rem 2rem;
    }

    .count-down-form{
        padding: 0 30px;
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        line-height: 1.4;
    }
    .blog-pagination li a {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 13px;
    }
    .blog-text h2 {
        font-size: 1.5rem;
    }

    .login-content h3,.foget-password h3 {
        font-size: 1.5rem;
    }
    .bottom-nav {
        position: fixed !important;
        top: 0 !important;
    }
    .banner-area{
        margin-top:100px;
    }
    
    #inner-banner-slide .owl-dots, #inner-banner-slide .owl-nav {
        position: absolute;
        transform: rotate(90deg);
        width: 300px;
        left: -34% !important;
        top: 40% !important;
    }
    .inner-slide-text {
        padding-left: 0;
        padding-top: 70px;
        padding-bottom:50px;
        text-align: center;
    }
    .industry-box img {
        border-radius: 10px 10px 0 0;
        position: relative;
        height: 200px;
        width: 100%;
        object-fit: cover;
    }


}



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

    .footer-social a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
    }

    .blog-detail-tag{
        text-align: center;
    }

    .blog-detail-item .blog-share {
        display: block;
        float: none;
        text-align: center;
        padding-top: 15px;
    }
    .blog-comment .avatar {
        width: 70px;
    }
    .title .mb-4{
        margin-bottom:0 !important;
    }
    #banner-slide .owl-dots, #banner-slide .owl-nav {
        position: absolute;
        transform: rotate(0deg);
        width: 100%;
        left: 0 !important;
        top: 90% !important;
    }

    #banner-slide img {
        margin-bottom: 70px;
        padding-bottom: 50px;
    }

    #banner-slide .btn {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: inline-block;
        max-width: fit-content;
        bottom: -300px;
    }
.owl-slide-text {
        padding-left: 0px;
        padding-top: 0px;
        min-height:150px;
    }
    #banner-slide .owl-slide {
        position: relative;
        height: auto;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
    width: 96%;
}
    .job-location, .position-no{
        width:95%;
    }
    .position-no{
        text-align: left;
    }
    .career-box{
        text-align: left;
    }
    .submit-form {
        margin: 30px 0;
        padding: 20px;
    }

    .order-sm-2{
        Order:2
    }
    .order-sm-1{
        Order:1
    }

.product-box .product-name {
    font-size: 16px;
}
.blog-area{
    margin:10px 10px 20px 10px;
    border:1px solid #ddd;
    border-radius:10px;
    /*height:700px;*/

}
.custom-modal-content{
    width:95% !important;
    min-height:500px;
    overflow-y:auto;
    padding:25px;
}
.custom-modal-content .btn{
    margin-bottom:10px;
}
.custom-modal-close {
    position: absolute;
    top: 0;
}
.custom-modal-body form{
    padding-right:15px;
    margin-top:20px;
}
.tech-box2{
    min-height:230px;
    margin-bottom:20px;
}
.blog-content {
    padding: 10px 0px;
    text-align: left;
}
.right-content {
    min-height: 100px;
    margin-bottom: 70px;
}
.tab-area .nav-tabs .nav-link {
    font-size: 16px;
    color: #333;
}
.cookie-banner-inner{
    display:block;
}
.cookie-actions{
    margin:10px auto;
    align-items: center;
    display: inline-block;
}
.event-area .tab-pane img {
    height: 150px;
    object-fit: contain;
    width: 100%;
}

}