/*
Theme Name: basetheme
*/


@media (max-width: 1700px) {

    .verticle-add-1-main{
        left: 2%;
    }

    .verticle-add-2-main{
        right: 2%;
    }




}

@media (max-width: 1530px) {

    .verticle-add-1-main{
        top: 210px;
        max-width: 50px;
    }

    .verticle-add-2-main{
        top: 210px;
        max-width: 50px;
    }


}

@media (max-width: 1250px) {

    
h1,h2 {
    font-size: 30px;    
   
}

   








}

@media (max-width: 1199px) {

  

    .main{
        max-width: 1140px;
    }
  
    

    h1,h2 {
    font-size: 28px;
    line-height: 1.3;
   
}

h3{
    font-size: 24px;
}

h4{
    font-size: 18px;
}

h5{
    font-size: 16px;
}


h6{
    font-size: 14px;
}

.logo {
    width: 100px;
}


.verticle-add-1-main{
 display: none;
}

.verticle-add-2-main{
    display: none;
}




}

@media (max-width: 991px) {
   
    .main{
        max-width: 960px;
    }


    h1,h2 {
        font-size: 26px;        
       
    }

    



    .menu-open {
        overflow: hidden;
    }

    .delite-menu-ic {
        display: block;
    }

    .menu-txt {
        display: none;
    }

    .menu-box {
        width: 26px;
        height: 22px;
        position: relative;
    }

    .menu-box span {
        width: 100%;
        border-radius: 5px;
        height: 2px;
        background-color: #344054;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    }

    .menu-box span:first-child {
        top: 0;
    }

    .menu-box span:last-child {
        top: auto;
        bottom: 0;
    }

    .menu-open .menu-box span:last-child {
        transform: rotate(-45deg);
        bottom: calc(50% - 1px);
        opacity: 1;
    }

    .menu-open .menu-box span {
        opacity: 0;
    }

    .menu-open .menu-box span:first-child {
        transform: rotate(45deg);
        top: calc(50% - 1px);
        opacity: 1;
    }

    .menu-main {
        position: fixed;
        top: 78px;
        width: 100%;
        right: -100%;
        background-color: #fff;        
        background-repeat: repeat;
        padding: 30px 0 0;
        margin: 0;
        height: calc(100vh - 70px);
        transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    }

    .menu-open .menu-main {
        right: 0;
        overflow-y: auto;
        padding: 30px 0 80px;
    }

    .menu-list>ul>li {
        display: block;        
    }

    .menu-list>ul>li>a {
        padding: 10px 30px 10px 15px;
        overflow: hidden;
        color: #fff;
    }

    .menu-list>ul>li.active>a, .menu-list>ul>li:hover>a, .menu-list>ul>li:focus>a{
        background: #344054;
        color: #fff;
    }

    .arrow {
        display: block;
        position: absolute;
        right: 15px;
        top: 7px;
        width: 30px;
        height: 30px;
        z-index: 1;
        cursor: pointer;
    }

    .arrow:before {
        content: "\f107";
        font-family: fontawesome;
        border: none;
        vertical-align: top;
        font-size: 1.8rem;
        transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        top: 50%;
        transform: translateY(-50%) rotate(270deg);
        left: 10px;
        position: absolute;
        color: #fff;
    }

    .arrow.up:before {
        transform: translateY(-50%) rotate(360deg);
    }


    .sub-menu {
        position: static;
        background-color: #ffffff;
        border-radius: 0;
        padding-left: 0;
        display: none;
        opacity: 1;
        visibility: visible;
        border: 0;
        box-shadow: none;
        transform: none;
    }

    .sub-menu>li a {
        color: #101828;
        padding: 10px 30px;
        font-size: 16px;
    }

    .menu-list>ul>li.header-call-btn {
        margin: 15px auto;
        max-width: calc(100% - 50px);
    }

    .sub-menu>li:hover>a, .sub-menu>li:focus>a{
        background-color: #344054;
        color: #fff;
    }

    .menu-list>ul>li.header-call-btn>a {
        border-radius: 5px;
    }
    .menu-list > ul{
        display: block;
        padding: 0 0 0;
    }

    .header-main {
        padding: 18px 0;
    }

    .inner-header .header-btn{
        display: none;
    }

    .delite-menu-ic{
        cursor: pointer;
    }

    .menu-list>ul>li{
        margin: 0;
    }
    .foo-col{
        width: 33.333%;
    }

    .article-mid-left-col {
        width: 100%;
    }

    .article-mid-right-col {
        width: 100%;
    }
    

    .gallery-mid-left-col{
        width: 100%;
    }

    .gallery-mid-right-col{
        width: 100%;
    }

    .delite-slider-caption{
        font-size: 16px;
    }

    




}

@media (max-width: 767px) {
    
    .main{
        max-width: 100%;
        padding: 0 20px;
    }

  
    h1,h2 {
        font-size: 26px;
        line-height: 1.1;        
       
    }
    
    
    h3 {
        font-size: 22px;
       
    }
    h4 {
        
        font-size: 18px;
       
    }
    
    h5 {
        font-size: 16px;
       
    }

    .mid-col{
        width: 100%;
    }

    .mid-col-2{
        order: 1;
    }

    .mid-col-1{
        order: 2;
    }

    .mid-col-3{
        order: 3;
    }

    .card-two-grid-col{
        width: 100%;
    }

    .categories-col{
        width: 100%;
    }
   

    .foo-col{
        width: 50%;
    }

    .foo-social-col{
        width: 100%;
    }


    .inner-article-col-left{
        width: 100%;
        padding-right: 0;
        
    }

    .inner-article-col-right {
        width: 100%;
    }

    .card-three-grid-col{
        width: 100%;
    }

}

@media (max-width: 389px) {

    .main{
        max-width: 100%;
    }


   
   
   
}