/*----- 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;*/
    	padding: 0 22px;
	}
}

@media(max-width: 1118px) and (min-width:1024px) {
    #site-navigation ul li a {
        color: #ffffff;
        font-size: 10px;
        text-transform: none;
        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.2;
    }
    .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: #bf213d;
        position: relative;
    }
    .main-navigation-responsive ul li.current-menu-item,
    .main-navigation-responsive ul li:hover {
        background: #bf213d;
    }
    .main-navigation-responsive ul li a {
        display: block;
        border-bottom: 1px solid #e4e4e4 !important;
        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: #bf213d;
    }
    .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;
        padding-top: 2px;
    }
    .main-navigation-responsive ul>li>.sub-menu>li>.sub-toggle {
        background: none repeat scroll 0 0 #bf213d;
    }
    .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;
		font-size: 12px;
    }
    .featured-footer {
        width: 30%;
    }
    .featured-footer-1 {
        margin-bottom: 3%;
		width: 40%;
    }
    .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) {
	.ap-container {
        width: 100%;
        padding: 0 10px;
    }
    .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) {
	.ap-container {
        width: 100%;
        padding: 0;
    }
    .copyright-info {
        font-size: 12px;
    }
    .error-404 .page-content .err {
        padding-right: 78px;
        padding-top: 45px;
    }
}