@media(max-width: 1260px) {
body.boxed-layout {
width: 100%;
}
.ap-container {
width: 100%;
}
.layout1 .right-top-head .call-us {
right: 30px !important;
}
}
@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;
}
.layout1 .right-top-head .call-us {
right: 30px !important;
}
}
@media (max-width: 1200px) {
.ap-container {
width: 100%;
padding: 0 10px;
}
body.boxed-layout {
width: 100%;
padding: 0 10px;
}
.slider-image-container {
width: 57%;
}
.layout1 .right-top-head .call-us {
right: 30px !important;
}
}
@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: 0 22px;
}
.layout1 .right-top-head .call-us {
right: 30px !important;
}
}
@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;
}
.layout1 .right-top-head .call-us {
right: 30px !important;
}
}
@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 {
color: #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 {
background: #991a31;
color: #fff;
}
.search-icon {
display: none;
}
.sub-toggle { 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;
}
.layout1 .right-top-head .call-us {
right: 30px !important;
}
} @media(max-width: 979px) {
.plx-cta-container .widget-title>span {
width: 90%;
}
.plx-cta-descr {
width: 90%;
} .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%;
}
.layout1 .right-top-head .call-us {
right: 30px !important;
}
}
@media(max-width: 800px) {
.layout1 .site-branding {
width: 100%;
float: none;
}
.layout1 .right-top-head .call-us {
right: 30px !important;
}
}
@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%;
} .entry-footer-wrapper {
width: 70%;
}
.layout1 .right-top-head .call-us {
right: 10px !important;
}
} @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%;
} .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;
} .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%;
}
.layout1 .right-top-head .call-us {
right: 10px !important;
}
} @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;
}
.layout1 .right-top-head .call-us {
right: 10px !important;
}
}
@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;
} .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%;
}
.layout1 .right-top-head .call-us {
right: 10px !important;
}
} @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;
}
.layout1 .top-header {
max-height: 100px !important;
min-height: 100px !important;
}
.layout1 .header-text-container, .layout1 .site-description {
display: none !important;
}
.layout1 .contact-data {
margin-top: 30px !important;
font-size: 0.7em !important;
color: #636363;
}
.layout1 .header-logo-container {
text-align: right;
width: 27% !important;
height: auto;
position: absolute;
left: 10px;
top: 0px !important;
}
.footer-featured-section, div.featured-footer-wrap .featured-footer {
color: #636363 !important;
font-size: 1.2rem !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
.featured-footer-wrap *, #custom_html-14 > div > div {
color: #636363 !important;
font-size: 1.0rem !important;
}
.layout1 .right-top-head .call-us {
right: 10px !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;
}
.layout1 .right-top-head .call-us {
right: 10px !important;
}
} @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;
}
.layout1 .right-top-head .call-us {
right: 10px !important;
}
}