/********************************************************************************************/
/**************************************** RESPONSIVE ***************************************/
/******************************************************************************************/

/* Large desktop */
@media (max-width: 1200px) {   
    .ak-container{
        width: 99%;
        padding: 0 10px;
    }

    body.boxed-layout{
        width: 100%;
    }


    /*** HEADER ***/
    #site-navigation .menu > ul > li > a{
        padding: 0 10px;
    }
    .header-wrap .search-icon{
        padding: 0 10px;
    }

    /*** BUSINESS ACTIVITIES AND EVENT-LIST ***/
    .events-section .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    .event-list-wrapper, .business-activities-wrapper{
        margin-left: 0;
    }
    .business-section .business-wrapper,
    .business-section .business-wrapper.bussiness-slider{
        margin-left: 2%;
        width: 48%;
    }
    .business-section .business-wrapper:first-child{
        margin-left: 0;
    }

    /*** WHAT CLIENTS SAY ***/
    .clients-say-section .testimonial-wrap {
        padding: 0 30px;
        width: 100%;
    }

    /*** FEATURED POST ***/
    .featured-section .featured-post-wrapper {
        margin-left: -1%;
    }
    .featured-section .featured-post{
        margin-left: 1%;
        width: 24%;
    }

    /*** CONTACT-US-SECTION ***/
    .google-section-wrap {
        margin-left: 0;
        right: 0;
        left: auto;
    }

    .clients-say-section .bx-wrapper .bx-controls-direction a.bx-next {
        margin-left: -10px;
        right: 38%;
    }

    .clients-say-section .bx-wrapper .bx-controls-direction a.bx-prev {
        margin-left: -10px;
        left: 38%;
    }
    .cta-video-section-wrap .cta-video .cta-wrap-left {
        width: 48%;
    }
    .cta-video-section-wrap .cta-video .cta-wrap-right{
        width: 45%;
    }
    .cta-video-section-wrap .cta-video .cta-wrap-left:after {
        display: none;
    }
    .cta-video-section-wrap .cta-video iframe{
        width: 100%;
    }
    .slider-caption .caption-title{
        font-size: 30px;
    }
    .slider-caption .more-link{
        margin-top: 30px;
    }
}

/******************************************************************************************/

@media screen and (max-width:992px){
    .ak-container{ 
        width: 768px ;
    }

    
    .logo-center #site-navigation .menu {
        display: none !important;
        float: none;
    }
        
    /*** FOOTER ***/
    #top-footer .footer{
        width: 50%;
    }

    #top-footer .hide ,
    #mid-section .hide{
        display: block;
        margin-bottom: 25px;
    }

    /*** HEADER ***/
    .site-branding.main-logo{
        float: none;
        width: calc(100% - 60px);
    }
    .logo-left .site-branding.main-logo img{
        height: auto !important;
    }

    #site-navigation .menu{
        display: none;
    }

    #site-navigation .slicknav_menu{
        display: block;
    }

    .menu-toggle{
        display: none;
    }

    .social-block-header{
        border-bottom: 2px solid #27a4c8;
    }

    .home #masthead.style3 {
        position: static;
    }

    #site-navigation .menu ul ul {
        display: none;
    }
    #site-navigation .menu li:hover > ul{
        display: block;
    }
    .header-wrap{
        position: relative;
    }

    #site-navigation .menu {
        background: #FFF;
        display: none;
        float: none;
        border-top:1px solid #27a4c8;
        width: 100%;
    }
    #site-navigation .menu > ul > li:hover > a:before, 
    #site-navigation .menu > ul > li.current_page_item > a:before, 
    #site-navigation .menu > ul > li.current-menu-item > a:before, 
    #site-navigation .menu > ul > li.current_page_ancestor > a:before, 
    #site-navigation .menu > ul > li.current-menu-ancestor > a:before{
        height: 1px;
        top:-1px;
    }
    .header-wrap .main-navigation{
        float: none;
    }
    .header-wrap .search-icon{
        display: none;
    }
    .menu-toggle{
        right: 5px;
    }
/** second header **/

    .social-left,.social-right {
    float: none;
    text-align: center;
}
.style2 .right-header,.style3 .right-header,.style4 .right-header {
    float: none;
}
.style3 .search-icon,.style4 .search-icon{
    display: none;
}
.style2 #site-navigation .menu{
    display: none;
    float: left;
}
.style3 #site-navigation .menu,.style4 #site-navigation .menu{
    background: none;
    display: none;
    float: left;
}

    /*** FEATURED POST ***/
    .featured-section .featured-post{
        width: 49%;
        margin-bottom: 15px;
    }
    .featured-section .featured-post img{
        width: 100%;
    }
    .clients-say-section .bx-wrapper .bx-controls-direction a{
        display: none;
    }

    /*** SIDEBAR ****/
    #primary, 
    .sidebar , 
    .both-sidebar #primary-wrap #primary,
    .both-sidebar #primary-wrap .left-sidebar.sidebar,
    .both-sidebar .right-sidebar,
    .left-sidebar #primary,
    .left-sidebar.sidebar{
        float: none;
        width: 100%;
    }
    .both-sidebar #primary-wrap {
        float: none;
        width: 100%;
    }
    #primary{
        margin-bottom: 15px;
    }
    .cta-video .cta-wrap-left {
        width: 50%;
        margin-right: 4%;
    }
    .slider-caption .caption-description{
        font-size: 14px;
    }
    .slider-caption .caption-title{
        font-size: 25px;
    }
    .main-title,.main-title a{
        font-size: 35px !important;
    }
    .welcome-detail{
        font-size: 20px;
        line-height: 34px;
    }
    .home-section{
        padding: 45px 0;
    }
    .suscribe-form-wrap{
        width: 100%;
    }
    .business-section .business-wrapper, 
    .business-section .business-wrapper.bussiness-slider {
        float: none;
        margin: 0 0 30px;
        width: 100%;
    }
    .footer-cta .banner-text {
        width: 100%;
        text-align: center;
        float: none;
    }
    .footer-cta .banner-btn {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
}


/******************************************************************************************/

/* Landscape phone to portrait tablet */
@media screen and (max-width:768px){
    .ak-container{ 
        width: 100% ;
    }
    .slider-wrap .bx-wrapper .bx-controls-direction a{
        display: none;
    }

    .slider-caption .caption-description,.slider-caption .more-link {
        display: none;
    }

    .slider-caption .caption-title{
        margin-top: 70px;
    }

    /*** BUSINESS ACTIVITIES ***/
    .business-section .business-wrapper{
        display: inline-block;
        float: none;
        margin: 0 0 20px;
        width:100%;
    }
    .business-section .business-wrapper:last-child{
        margin-bottom: 0;
    }
    #site-navigation .menu > ul > li {
        display: block;
        float: none;
        border-bottom:1px solid #DDD;
    }

    #site-navigation .menu > ul > li > a {
        border:none;
        display: block;
        line-height: 42px;
        padding: 0;
    }
    #site-navigation .menu > ul > li:hover > a:before, 
    #site-navigation .menu > ul > li.current_page_item > a:before, 
    #site-navigation .menu > ul > li.current-menu-item > a:before, 
    #site-navigation .menu > ul > li.current_page_ancestor > a:before, 
    #site-navigation .menu > ul > li.current-menu-ancestor > a:before{
        display: none;
    }
    #site-navigation .menu ul ul{
        border:none;
        position: static;
        box-shadow:none;
    }
    .style2 #site-navigation .menu > ul > li > a,.style3 #site-navigation .menu > ul > li > a,.style4 #site-navigation .menu > ul > li > a{
    line-height: 42px;
}
.social-block-header .contact-info.phone{
    line-height: 20px;
}
.social-right a:hover{
    border-bottom: none;
}
.style3 #site-navigation .menu{
    background: #FFFfff;
}
#portfolio-grid .cat-portfolio-list {
    display: block;
    float: none;
    width: 49% !important;
}
.ap-span1, .ap-span2, .ap-span3, .ap-span4, .ap-span5, .ap-span6 {
    margin: 0 0 15px;
    width: 100%;
}
.cta_form_right,
.cta_form_left {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 30px;
}
.blog-archive-wrap .blog-title{
    font-size: 22px;
}
.blog-archive-wrap .blog-content-wrap{
    top: 40%;
}
    .ap-team{
        text-align: center;
    }
    .horizontal .ap_tab_group .tab-title {
        font-size: 13px;
        margin: 0 8px;
    }
    .cta-video-section-wrap .cta-video .cta-wrap-left, .cta-video-section-wrap .cta-video .cta-wrap-right {
        float: none;
        margin: 0;
        width: 100%;
    }
    .main-title, .main-title a,.business-section .widget-title {
        font-size: 26px !important;
        text-align: center !important;
    }
    .cta-video .cta-desc{
        text-align: center;
    }
    #about-section .cta-form {
        width: 98%;
    }
    .cta-video-section-wrap .cta-video .cta-wrap-right .main-title {
    margin-top: -41px;
    }
}

/******************************************************************************************/

@media screen and (max-width: 640px) {
    h1{ font-size:28px;}
    h2{ font-size:24px;}
    h3{ font-size:20px;}
    h4{ font-size:18px;}
    h5{ font-size:16px;}
    h6{ font-size:14px;}
    .meta-btn-wrap .bttn {
      position: static;
      float: none;
      margin-top: 10px;
    }
    .meta-btn-wrap .entry-meta {
        display: block;
        width: 100%;
    }
}

/******************************************************************************************/

/* Landscape phones and down */
@media screen and (max-width:520px){
    #slider-banner .bx-wrapper .bx-pager{
        display: none;
    }
    .featured-section .featured-post-wrapper{
        margin-left: 0;
    }
    .featured-section .featured-post{
        width: 100%;
        float: none;
        margin-left: 0;
    }

    /*** FOOTER ***/
    #top-footer .footer {
        float: none;
        margin: 0 0 20px;
        width: 100%;
        min-height: 0;  
    }
    #top-footer .footer .widget{
        background: none;
        padding: 0;
        margin:0;
    }
    #google-map .ak-contact-address{
        width: 100%;
    }
    input[type="text"], 
    input[type="email"], 
    input[type="url"], 
    input[type="password"], 
    input[type="search"],
    textarea,
    textarea#comment{
        width: 100%;
    }
    .entry-thumbnail,
    .entry-exrecpt {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .cat-portfolio-list,
    .cat-testimonial-list{
        width: 100%;
        float: none;
    }
    .cat-portfolio-list img,
    .cat-testimonial-list img{
        width: 100%;
    }
    .blog-grid-view{
        width: 100%;
        margin-left: 0;
    }
    .blog-archive-wrap .cat-blog-image {
        text-align: center;
    }
    .blog-grid-view-wrapper{
        margin-left: 0;
    }
    .cta-video-section-wrap .cta-video iframe {
        width: 100%;
        height: 270px;
    }
    .cta-btn{
        width: 100%;
    }

}

@media screen and (max-width:479px){
    .social-block-header{
        line-height: 30px;
    }
.social-block-header .contact-info {
    border: medium none !important;
    display: block;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center;
}
#portfolio-grid .cat-portfolio-list {
    display: block;
    float: none;
    width: 100% !important;
    margin-left: 0 !important;
}
#portfolio-grid {
    margin-left: 0;
}
.footer-socials a{
    margin-bottom: 5px;
}
#clients-logo .ak-container {
    padding: 0 50px;
}
.socials {
    padding-bottom: 15px;
}
.horizontal .ap_tab_group .tab-title {
  font-size: 14px;
  float: none;
  text-align: center;
}
.horizontal .ap_tab_group .tab-title.active:before, 
.horizontal .ap_tab_group .tab-title:hover:before{
    display: none;
}
.testimonial-slide .testimonial-excerpt{
    font-size: 16px;
}
.ap_tab_content {
  text-align: center;
}
.cta-form .cta-title{
    line-height: 32px;
}
.top-info {
  display: block;
}
.blog-medium_image .blog-thumbnail, 
.blog-alternate_medium_image .blog-thumbnail,
.blog-circular_image .blog-thumbnail, 
.blog-circular_alternate_image .blog-thumbnail {
  float: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}
.blog-circular_image .blog-thumbnail:after, 
.blog-circular_alternate_image .blog-thumbnail:after{
    display: none;
}
.contact_all_wrap {
  display: none;
}
.slider-caption .caption-title {
    font-size: 16px;
    margin-top: 60px;
}
h1.entry-title {
  font-size: 23px;
}
#accesspreslite-breadcrumbs {
  font-size: 13px;
}
}
@media screen and (min-width:993px){
    #site-navigation .menu{
        display: block !important;
    }
}