/*----- Large Desktop -----*/

@media(max-width: 1260px){
    body.boxed-layout{
        width:100%;
    }
    .ap-container{
        width:100%;
    }
}
@media(max-width: 1250px){

    .ap-basic-slider-wrapper .bx-controls-direction a{
        display: none;
    }
    .layout2 .top-header .site-branding {
        float: none;
        text-align:center;
        width: 100% !important;
        position: relative;
        left: 0%;
    }
    .layout2 .call-us{
        left:0;
        width:auto;
        padding-top:25px;
    }
    .layout2 .site-branding .header-logo-container{
        float:none;
        display:inline-block;
        margin:0;
    }
}

@media (max-width: 1200px){

    .ap-container {
        width: 100%;
        padding: 0 10px;
    }

    body.boxed-layout{
        width: 100%;
        padding: 0 10px;
    }

    .slider-image-container{
        width: 57%;
    }
}

@media(max-width: 1197px){
    .pbar-container {
        padding-top: 1%;
    }  
    #text-6 {
        padding-bottom: 0;
    }
    .counter-container {
        margin-left: 3%;
        padding-top: 1%;
    }

    .ap-stat-counter {
        float: left;
        padding: 0px 0 3% 8px;
        width: 50%;
    }
    .ap-stat_counter-icon {
        height: 80px;
        padding: 8%;
        width: 80px;
    }
    .ap-stat_counter-number {
        padding-top: 0;
        width: 68%;
        float: right;
    }
    .ap-stat_counter-title {
        padding-left: 16px;
    }
    #site-navigation ul li a {
        padding:0px 15px;
    }
}
@media(max-width: 1118px) and (min-width:1024px){
    #site-navigation ul li a {
        color: #ffffff;
        font-size: 10px;
        text-transform: uppercase;
        display: block;
        padding: 0 23px;
        font-weight: 600;
        letter-spacing: 1px;
    }
}
@media(max-width: 1024px){
    .sticky-header,
    .layout-site-branding{
        position:relative !important;
        width:100%;
    }
    .layout3 .layout-site-branding .site-branding .menu-wrapper .menu-trigger {
        float:none;
        position:absolute;
        bottom:0;
        right:0;
        z-index: 9;
    }
    .fa.fa-angle-down {
        display: block;
        line-height:1.5;
    }
    .menu-trigger {
        float: left;
        display: block;
        padding: 5px;
        width: 32px;
        height: auto;
        margin: 11px 0;
        cursor: pointer;	
    }
    .layout3 .menu-trigger {
        padding:0;
        margin:0;
    }
    .menu-trigger span{
        display: block;
        width: 100%;
        height: 2px;
        margin-bottom: 5px;
        background: #fff;
    }

    .main-navigation{
        display: none;
    }

    .menu-trigger span:last-child{
        margin-bottom: 0;
    }

    .main-navigation-responsive ul{
        margin: 0;
    }

    .main-navigation-responsive ul li{
        display: block;
        list-style-type: none;
        background: #CA2A18;
        position: relative;
    }

    .main-navigation-responsive ul li.current-menu-item,
    .main-navigation-responsive ul li:hover{
        background: #f53a25;
    }

    .main-navigation-responsive ul li a{
        display: block;
        border-bottom: 1px solid  #DB3A28;
        padding: 0 15px;
        line-height: 40px;
        color: #fff;
    }

    .main-navigation-responsive ul > li > .sub-menu{
        display: none;
    }

    .main-navigation-responsive ul > li > .sub-menu li{
        background: #fff;
    }

    .main-navigation-responsive ul > li > .sub-menu li a{
        color: inherit;
        border-bottom: 1px solid  #e4e4e4;
    }

    .main-navigation-responsive ul > li > .sub-menu li a:hover,
    .main-navigation-responsive ul > li > .sub-menu li.current-menu-item > a{
        color: #c62c1a;
    }

    .search-icon{
        display:none;
    }

    .sub-toggle {
        /*background: none repeat scroll 0 0 #000;*/
        border:1px solid #fff;
        color: #ffffff;
        display: block;
        height: 25px;
        line-height: 19px;
        position: absolute;
        right: 10px;
        text-align: center;
        top: 7px;
        width: 25px;
        font-size: 18px;
        cursor: pointer;
    }

    .main-navigation-responsive ul > li > .sub-menu > li > .sub-toggle{
        background: none repeat scroll 0 0 #dc3522;
    }

    .main-navigation-responsive ul > li > .sub-menu > li > .sub-menu a{
        padding: 0 40px;
        position: relative;
    }

    .main-navigation-responsive ul > li > .sub-menu > li > .sub-menu a:after{
        position: absolute;
        left: 25px;
        top: 0;
        content: "\f105";
        font-family: "FontAwesome";
    }

    .main-navigation-responsive ul > li > .sub-menu > li > .sub-menu > li > .sub-menu a{
        padding: 0 60px;
    }

    .main-navigation-responsive ul > li > .sub-menu > li > .sub-menu > li > .sub-menu a:after{
        padding: 0 20px;
    }


}


/*----- Potrait tablet to Landscape and Desktop -----*/
@media(max-width: 979px){
    .plx-cta-container .widget-title > span {

        width: 90%;
    }
    .plx-cta-descr {

        width: 90%;
    }
    /*-------------- our skills------------*/
    .pbar-counter-container {
        background: none;
    }
    .pbar-container {
        float: none;
        padding-top: 4%;
        width: 80%;
        margin: auto;
    }
    .counter-container {
        display: inherit;
        margin: auto;
        padding-top: 4%;
        width: 90%;
    }
    .ap-stat_counter-icon {
        padding: 6%;
    }
}


@media(max-width: 800px){
    .layout1 .site-branding {
        width: 100%;
        float: none;
    }
}
@media(max-width: 768px){

    #testimonial-container {
        width: 40%;
    }

    #services-container {
        width: 51%;
    }

    .service-post-wrap {
        width: 47%;
        margin-bottom: 25px;
    }

    .featured-footer-wrap{
        margin-right: 0;
    }

    .featured-footer {
        width: 30%;
    }

    .featured-footer-1 {
        margin-bottom: 3%;
    }

    .featured-footer-4{
        float: none;
        width: 50%;
    }

    /*-------------- Blog------------*/
    .entry-footer-wrapper {
        width: 70%;
    }

}


/*----- Landscape Phones to Potrait tablet -----*/
@media(max-width: 767px){


    .caption-title{
        margin-top: 0;
    }

    .caption-description p{
        display: none;
    }

    .feature-post-wrap, .service-post-wrap{
        width: 47%;
    }

    .widget_accesspress_basic_icon_text{
        width: 47%;
    }

    #toggle-container, #featured-page-container, #testimonial-container,
    .testimonials-wrap .testimonial-image-wrap, .testimonial, #services-container,
    .featured-footer,.copyright-info, .cta-desc-wrap, .footer-socials{
        float: none;
        margin-left: 0;
        width: 100%;
    }

    #featured-page-container{
        margin: 30px 0 0 0;
    }

    .ap-container #testimonial-container h3.widget-title {
        text-align: center;
    }

    .testimonial {
        margin-bottom: 40px;
        margin-top: 15px;
        text-align: center;
    }

    .service-post-wrapper-block {
        margin: 0 0 0 -3%;
    }

    .testimonial-image-wrap, .cta-btn-wrap, .footer-socials{
        margin-right: 0;
    }

    .service-post-wrap {
        margin-bottom: 30px;
    }

    .copyright-info, .footer-socials{
        text-align: center;
    }

    .cta-btn-wrap{
        float: none;
        width: 22%;
    }


    /*--------- Blog --------------*/
    .both-sidebar #primary-wrap #primary, .left-sidebar #primary,
    .both-sidebar #secondary, .left-sidebar #secondary.secondary-left, 
    .right-sidebar #secondary, .both-sidebar #primary-wrap, .right-sidebar #primary,
    .both-sidebar #primary-wrap #secondary.secondary-left{
        float: none;
        width: 100% !important;
        margin-bottom: 30px;
    }

    .both-sidebar #secondary, .left-sidebar #secondary.secondary-left, 
    .right-sidebar #secondary{
        margin-bottom: 0;
    }

    /*----------- Contact Us-----------*/
    .map-container iframe {
        width: 100%;
        float: none;
        margin-right:0;
        height: auto;
    }

    .form-container{
        width: 100%;
        float: none;
    }
    #services-container-only .service-post-wrap {
        width: 50%;
    }
    #main #test-services-container {
        display: inline-block;
        width: 100%;
        padding-left: 3%;
    }
    #services-container h3 {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .both-sidebar #primary {
        left: 0;
        float: none;
        width: 100% !important;
    }
    .both-sidebar #secondary.secondary-left {
        left: 0%;
        width: 100%;
    }
    .both-sidebar #secondary {
        width: 100%;
    }
}


/*----- Landscape Phones to Potrait tablet and Down----- */
@media(max-width: 640px){

    .header-text-only  .site-branding, .header-text-logo  .site-branding,
    .header-text-only  .right-top-head, .header-text-logo .right-top-head ,
    .header-text-only  .social-icons-head ul, .header-text-logo  .social-icons-head ul,
    .header-text-logo .social-container{
        float: none;
        text-align: center;
    }

    .header-text-only  .site-branding, .header-text-logo .site-branding{
        margin-bottom: 15px;
    }

    .header-text-only  .right-top-head .call-us, .header-text-logo .right-top-head .call-us,
    .header-text-only .social-container{
        text-align: center;
    }
    .ap-pricing-table {
        width: 90%;
        margin: auto;
    }
    #accesspress_basic_pricing-3 > .ap-pricing-table {
        position: static;
        width: 90%;
    }
    .top-header {
        text-align: center;
    }
    .layout2 .call-us{
        float:none;
        display:block;
        width:100%;
        padding:0;
        margin:0;
        margin-bottom:10px;
    }
    .layout2 .top-header .right-top-head {
        float: none;
        padding:0;
        display: inline-block;
    }
}

@media(max-width: 580px){
    .pbar-container {
        float: none;
        padding-top: 4%;
        width: 100%;
        margin: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .counter-container {
        display: inherit;
        margin: auto;
        padding-top: 4%;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    #services-container-only .service-post-wrap {
        width: 100%;
    }
    .slider-image-container, .slider-caption-container {
        float: none;
        margin: 0 auto;
        width: 95%;
    }

    .slider-caption-container {
        text-align: center;
        width: 100%;
        margin-top: 35px;
    }

    .caption-title{
        line-height: 45px;
    }

    .slide_readmore-button{
        margin-top: 10px;
    }

    .icon-text-block-wrapper, .feature-post-wrap-block, .service-post-wrapper-block{
        margin: 0 0 0 0;
    }

    .icon-text-block-wrapper .widget {
        margin-bottom: 7%;
    }

    .widget_accesspress_basic_icon_text,
    .feature-post-wrap, .service-post-wrap {
        margin-left: 0;
        width: 100%;
    }

    .cta-desc-wrap, #featured-page-container {
        text-align: center;
    }

    .cta_title {
        margin-bottom: 10px;
    }

    .cta-btn-wrap {
        text-align:center;
        margin:0;
        width: 100% !important;
        margin-top: 5px;
    }

    .feat-page-content{
        margin: 20px 0 35px;
    }

    #services-container h3.widget-title {
        margin-bottom: 0;
        text-align: center;
    }

    /*-------------- Blog------------*/
    .category-blogs .blog-feature-image{
        display: block;
        float: none !important;
        margin: 16px 0px 0 0 !important;
        width: 100%;
    }

    .social-icons-head,
    .site-header.layout2 .search{
        float:none;
        display: block;
        width:100%;
    }

}

/*----- Landscape phones and Down -----*/
@media(max-width: 480px){


    .header-text-logo .header-logo-container{
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .boxed-layout .header-text-only .header-text-container h1.site-title{
        border-right: none;
        margin-right: 0;
        padding-right: 0;
        display: block;
    }

    .entry-footer-wrapper {
        width: 100%;
    }

    article.hentry .entry-footer .readmore {
        display: block;
        float: none;	
    }

    .error-404 .page-title .oops{
        font-size: 160px;
    }
    .client-details-col-position {
        position: relative;
        width: 100%;
    }
    .table-inner{
        padding:0;
    }
    .client-details-col{
        width:100%;
    }
    .client-details-col-desc-pos{
        padding-right:20px !important;
    }
    .even .client-details-col-desc-pos{
        padding-left:20px !important;
    }
    .round .testimonial-wrap .client-details-col{
        margin-top:-60px;
        padding-top:50px !important;
    }
    .service-container{
        margin-left:0px;
        margin-right:0px;
    }
    .team-member-wrap {
        width: 100% !important;
        float:none;
        text-align:center;
    }
    .team-member-wrap .team-member-thumb img{
        width:50%;
        display: inline-block;
    }
    .team-layout-list .team-member-wrap .team-member-thumb {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0px;
    }
    .team-layout-list .odd .team-desc,
    .team-layout-list .team-desc{
        float: none;
        width:100%;
        padding-right: 10px;
        padding-left: 10px;
        margin-top:-50px !important;
        padding-top:50px !important;
    }
}

@media(max-width: 360px){

    .header-logo-only .site-branding,
    .header-logo-only .right-top-head, .header-logo-only .social-icons-head ul,
    .header-logo-only .social-container {
        float: none;
        text-align: center;
    }

    .header-logo-only .right-top-head .call-us{
        text-align: center;
    }

    .header-text-only .header-text-container h1.site-title{
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }

    .caption-title{
        font-size: 40px;
    }

    .caption-description h2{
        font-size: 22px;
    }

    .slide_readmore-button{
        font-size: 14px;
    }


    .error-404 .page-title .oops {
        font-size: 100px;
    }

    .error-404 .page-content .err{
        width: 100%;
        height: 342px;
        background-size: 100%;
        padding-right: 90px;
        padding-top: 60px;
    }
    .error-404 .page-content .err .err-404 {
        font-size: 65px;
    }

    .error-404 .error{
        font-size: 30px;
    }

}


/*----- Landscape Phones -----*/
@media(max-width: 320px){

    .copyright-info{
        font-size: 12px;
    }

    .error-404 .page-content .err{
        padding-right: 78px;
        padding-top: 45px;
    }

}