/* --------------------------------------------------- Styles for Mobile Devices --------------------------------------------------- */ /* 1350px (devices and browsers) */ @media only screen and (min-width: 1260px) and (max-width: 1330px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ .main-header { width: 1230px; } .wrap-center { width: 1230px; } .wrap-middle { width: 1230px; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Posts -- */ ul.featured-posts { width: 1230px; height: 366px; } ul.featured-posts li { width: 376px; height: 317px; margin: 0 17px;} ul.featured-posts li img { width: 376px; height: 317px; } /* -- Slider Nav -- */ ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -190px !important;} /* -- Home top box -- */ .home-top-box { width: 100%; height: auto; margin: 20px 0 60px 0; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 1025px) and (max-width: 1259px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 980px; } .wrap-center { width: 980px; } .wrap-middle { width: 980px; } .wrap-small { width: 980px; } .subheader-wrap { width: 980px; } /* - Layout content - */ .wrap-fullwidth { width: 980px; } .wrap-fullwidth-bg { width: 980px; } /* .page-content */ .single-content { width: 650px; } .sidebar { width: 300px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- SubHeader ----- -------------------*/ .two-thirds-an { width: 600px; } .one-third-an { width: 310px; padding: 30px 30px 33px 30px; } .two-thirds-an h2 { margin-top: 20px; font-size: 36px; line-height: 1.20; font-weight: 700; color: #FFF;} .two-thirds-an p.color { border: none; padding: 0px; border-radius: 0px; margin-top: 20px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Posts -- */ ul.featured-posts { width: 100%; height: 366px; } ul.featured-posts li { width: 376px; height: 317px; margin: 0 17px;} ul.featured-posts li img { width: 376px; height: 317px; } /* -- Slider Nav -- */ ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -190px !important;} /* -- Home top box -- */ .home-top-box { width: 100%; height: auto; margin: 20px 0 60px 0; } /* -- Themes -- */ ul.themes-grid { width: 1010px; margin: 50px 0 0 -30px; } ul.themes-grid li { width: 306px; } ul.themes-grid li img { width: 100%; height: auto; } /* -- News Home -- */ ul.home-news { width: 1010px; margin: 57px 0 0 -30px; } ul.home-news li { width: 192.5px; min-height: 60px; padding: 15px 15px 0 15px; margin: 0 0 40px 30px; } ul.home-news li img { width: 60px; height: 60px; } ul.home-news li div.hnews-content { margin-left: 75px; } ul.home-news li span { margin: 3px 0 7px 0; } /* -- Blog News Index -- */ ul.blog_list { width: 540px; } ul.blog_list li { width: 540px; height: auto; } ul.blog_list li img { width: 190px; height: 190px; float: left; object-fit: cover; border-radius: 5px; } ul.blog_list li div.blog-content { margin-left: 220px; } /* -- Support Page -- -------------------*/ .fullboxs { width: 980px; } /* -- Get Support Page -- -----------------------*/ ul.support-rules { width: 900px; margin-left: -20px; } ul.support-rules li { width: 220px; height: 180px; padding: 35px 25px; margin: 0 15px 30px 15px; } /* -- Pricing Page -- -------------------*/ #tabs { margin-left: 40px; } /* -- About Us Page -- -----------------------*/ ul.about-boxes { width: 900px; margin-left: -20px; } ul.about-boxes li { width: 220px; height: 210px; padding: 35px 25px; margin: 0 15px 30px 15px; } /* -- Theme Single Page -- ------------------------*/ /* -- Box Left -- */ .box1-themeinfo { width: 250px; margin: 25px 0 10px 0; height: auto; float: left; } /* -- Box Right -- */ .box2-themeimg { width: 570px; margin: 25px 0 10px 0; background: transparent;} /* -- Buttons -- */ a.item-btn-live, a.item-btn-hosting { font-size: 15px;} /* -- Downloads Page -- --------------------.*/ ul.download-list li span { width: 165px; } /* -- Buttons docs -- */ a.dp-btn-docs { width: 40px;} a.dp-btn-docs b { display: none; } a.dp-btn-docs:after { font-family: 'FontAwesome'; content: "\f1cd"; } /* -- DOCSPRESS ------- ---------------------*/ #primary { width: 980px; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* - Top entry - */ .entry-top { width: 540px; } /* -- Entry content style -- */ .entry { width: 540px; } /* -- Entry bottom -- */ .entry-bottom { width: 540px; } /* -- Responsive Images -- */ .entry iframe { max-width: 540px; height: 350px; } /* -- Checkout ------ -------------------*/ ul.tabs li:first-child { margin-right: 20px; } p.an-paypal-logo { width: 175px; } p.mm-ccLogos img { width: 175px !important;} div.mm-checkoutSection2 ul { width: 240px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 750px; } .wrap-center { width: 750px; } .wrap-middle { width: 750px; } .wrap-small { width: 750px; } .subheader-wrap { width: 750px; margin: 90px auto 250px auto; } /* - Layout content - */ .wrap-fullwidth { width: 750px; } .wrap-fullwidth-bg { width: 750px; } /* .page-content */ .single-content { width: 420px; } .sidebar { width: 300px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a { background: transparent !important; color: #FFF !important;} #respMenu li.current-menu-item a { background: transparent !important; color: #FFF !important;} .ant-responsive-menu li.right { float: none; } .ant-responsive-menu li.right ul.sub-menu { width: auto; padding: 10px 0 0 0 !important; margin: -2px 0 0 0; } .ant-responsive-menu > li > a { display: block; padding: 0px 15px 3px 15px !important; } /* -- SubHeader ----- -------------------*/ .two-thirds-an { width: 350px; } .one-third-an { width: 310px; padding: 30px 30px 33px 30px; } .two-thirds-an h1 { font-size: 16px;} .two-thirds-an h2 { margin-top: 20px; font-size: 26px; line-height: 1.50; font-weight: 700; color: #FFF;} .two-thirds-an p { width: 350px; margin-top: 16px; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,0.75); } .two-thirds-an p.color { border: none; padding: 0px; border-radius: 0px; margin-top: 20px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Posts -- */ #featured-slider-wrap { width: 100%; height: 270px; float: left; margin-top: -140px; } ul.featured-posts { width: 100%; height: 270px; } ul.featured-posts li { width: 300px; height: 253px; margin: 0 12px;} ul.featured-posts li img { width: 300px; height: 253px; } /* -- Slider Nav -- */ ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -160px !important;} /* -- Home top box -- */ .home-top-box { width: 100%; height: auto; margin: 40px 0 60px 0; } /* -- Themes -- */ ul.themes-grid { width: 780px; margin: 50px 0 0 -30px; } ul.themes-grid li { width: 230px; } ul.themes-grid li img { width: 100%; height: auto; } ul.themes-grid li.full-notice { width: 650px; } /* -- News Home -- */ ul.home-news { width: 780px; margin: 57px 0 0 -30px; } ul.home-news li { width: 200px; min-height: 60px; padding: 15px 15px 0 15px; margin: 0 0 30px 30px; } ul.home-news li img { width: 60px; height: 60px; } ul.home-news li div.hnews-content { margin-left: 75px; } ul.home-news li span { margin: 3px 0 7px 0; } /* -- Blog News Index -- */ ul.blog_list { width: 350px; } ul.blog_list li { width: 350px; height: auto; } ul.blog_list li img { width: 90px; height: 90px; float: left; object-fit: cover; border-radius: 5px; } ul.blog_list li div.blog-content { margin-left: 110px; } ul.blog_list li h2 { line-height: 28px; margin: 0 50px 7px 0; font-size: 20px !important; } /* -- Index file Title -- */ h3.index-title { margin: 55px 0 -20px 35px; } /* -- Pagination -- */ .wp-pagenavi { width: 80%; margin-left: 25px;} /* -- Support Page -- -------------------*/ .fullboxs { width: 750px; } .fullboxs h3 { line-height: 32px;} /* -- 1st Box Support -- */ .stboxs { width: 325px; height: 430px; float: left; padding: 75px 25px; } /* -- 2nd Box Support -- */ .ndboxs { width: 275px; height: 410px; padding: 50px 25px; } /* -- Get Support Page -- -----------------------*/ ul.support-rules { width: 600px; margin-left: 15px; } ul.support-rules li { width: 220px; height: 180px; padding: 35px 25px; margin: 0 15px 30px 15px; } /* -- Pricing Page -- -------------------*/ #tabs { margin-left: 60px; } #tabs_wrapper { margin-bottom: 45px; float: right; } /* -- About Us Page -- -----------------------*/ ul.about-boxes { width: 600px; margin-left: 15px; } ul.about-boxes li { width: 220px; height: 210px; padding: 35px 25px; margin: 0 15px 30px 15px; } ul.about-boxes li:last-child { width: 520px; height: 120px;} /* -- Theme Single Page -- ------------------------*/ /* -- Box Left -- */ .box1-themeinfo { width: 250px; margin: 25px 0 10px 0; height: auto; float: left; } .box1-themeinfo p { display: none;} /* -- Box Right -- */ .box2-themeimg { width: 340px; margin: 25px 0 10px 0; background: transparent;} /* -- Buttons -- */ a.item-btn-live, a.item-btn-hosting { font-size: 15px;} /* -- Downloads Page -- --------------------.*/ ul.download-list li span { width: 165px; } a.dp-btn-changelog { display: none;} /* -- Buttons host -- */ a.dp-btn-host { width: 40px; } a.dp-btn-host b { display: none; } a.dp-btn-host:after { font-family: 'FontAwesome'; content: "\f0c2"; } /* -- Buttons docs -- */ a.dp-btn-docs { width: 40px;} a.dp-btn-docs b { display: none; } a.dp-btn-docs:after { font-family: 'FontAwesome'; content: "\f1cd"; } /* -- DOCSPRESS ------- ---------------------*/ #primary { width: 750px; } /* -- Docs home -- */ .docspress-archive .docspress-archive-list { width: 102.5%; padding: 0; margin: 0 0 -2% -2.5% !important; list-style: none; } .docspress-archive .docspress-archive-list > .docspress-archive-list-item { -ms-flex: 1 0 17.97%; flex: 1 0 17.97%; min-width: 17.97%; max-width: 17.97%; margin: 0 0 2.5% 2.5%; padding: 0px 2.2% 0 2.2% !important; } /* -- entry-content content style -- */ .docspress-single-content { padding: 20px 0px 50px 12px !important;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Page Title -- */ .subheader-pages h1, .subheader-pages h3 { font-size: 30px; } /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0; position: inherit;} .not-found { width: 300px; margin-left: 35px; } .not-found #s { width: 200px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share a span { display: none;} ul.meta-entry-top li ul.single-share li a { padding: 5px 15px 4px 15px; } /* - Top entry - */ .entry-top { width: 350px; } /* -- Entry content style -- */ .entry { width: 350px; } /* -- Responsive Images -- */ .entry iframe { max-width: 350px; height: 230px; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Copyright -- */ .footer-copyright p { font-size: 14px; } .footer-copyright p a { margin: 0 7px; } /* -- Checkout ------ -------------------*/ ul.tabs li:first-child { margin-right: 25px; } div.mm-checkoutSection2 ul { width: auto; } div.mm-paymentbuttons a.mm-button { width: 100% !important; } p.mm-ccLogos { width: 115px; } p.an-paypal-logo { width: 90px; } p.mm-ccLogos img { width: 115px !important;} #mm_braintree_cc_exp_month { width: 45% !important; } #mm_braintree_cc_exp_year { width: 45% !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 580px) and (max-width: 767px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 570px; } .wrap-center { width: 570px; } .wrap-middle { width: 570px; } .wrap-small { width: 570px; } .subheader-wrap { width: 570px; height: 250px; margin: 90px auto 250px auto; } /* - Layout content - */ .wrap-fullwidth { width: 570px; } .wrap-fullwidth-bg { width: 570px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 35px; padding-right: 35px;} /* .page-content */ .single-content { width: 570px; float: left;} .sidebar { width: 575px; float: left; margin-top: 30px; margin-left: -5px; column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; } .sidebar .widget { width: 250px; padding: 25px 15px 27px 15px; display: inline-block; margin-left: 5px; margin-right: 0px; margin-bottom: 20px;} div.widget_search { padding-bottom: 25px !important; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a { background: transparent !important; color: #FFF !important;} #respMenu li.current-menu-item a { background: transparent !important; color: #FFF !important;} .ant-responsive-menu li.right { float: none; } .ant-responsive-menu li.right ul.sub-menu { width: auto; padding: 10px 0 0 0 !important; margin: -2px 0 0 0; } .ant-responsive-menu > li > a { display: block; padding: 0px 15px 3px 15px !important; } /* -- SubHeader ----- -------------------*/ .two-thirds-an { width: 300px; } .one-third-an { width: 180px; padding: 30px 30px 33px 30px; } .two-thirds-an h1 { font-size: 18px;} .two-thirds-an h2 { margin-top: 20px; font-size: 26px; line-height: 1.50; font-weight: 700; color: #FFF;} .two-thirds-an p { width: 300px; margin-top: 16px; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,0.75); } .an-month-wrap { float: left; margin-top: 40px; } .an-price span { float: left;} .two-thirds-an p.color { border: none; padding: 0px; border-radius: 0px; margin-top: 20px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Posts -- */ #featured-slider-wrap { width: 100%; height: 270px; float: left; margin-top: -140px; } ul.featured-posts { width: 100%; height: 270px; } ul.featured-posts li { width: 300px; height: 253px; margin: 0 12px;} ul.featured-posts li img { width: 300px; height: 253px; } /* -- Slider Nav -- */ ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -160px !important;} /* -- Home top box -- */ .home-top-box { width: 90%; height: auto; line-height: 28px; margin: 40px 0 60px 0; padding: 20px 5% !important; } /* -- Home 4boxes -- */ .homeone_fourth, .homeone_fourth_last { float:left; width:46%; height: 300px; margin-bottom: 0px; margin-right:2%; margin-left: 2%; text-align: center; } /* -- Themes -- */ ul.themes-grid { width: 600px; margin: 50px 0 0 -30px; } ul.themes-grid li { width: 270px; } ul.themes-grid li img { width: 100%; height: auto; } ul.themes-grid li.full-notice { width: 570px; } ul.themes-grid li.full-notice .home-top-box { width: 70%; height: auto; line-height: 28px; margin: 40px 0 60px 45px; padding-left: 10%; padding-right: 10%; } /* -- News Home -- */ ul.home-news { width: 600px; margin: 57px 0 0 -30px; } ul.home-news li { width: 240px; min-height: 80px; padding: 15px 15px 15px 15px; margin: 0 0 30px 30px; } ul.home-news li img { width: 80px; height: 80px; } ul.home-news li div.hnews-content { margin-left: 95px; } ul.home-news li span { margin: 10px 0 7px 0; } /* -- Blog News Index -- */ ul.blog_list { width: 450px; } ul.blog_list li { width: 450px; height: auto; } ul.blog_list li img { width: 90px; height: 90px; float: left; object-fit: cover; border-radius: 5px; } ul.blog_list li div.blog-content { margin-left: 110px; } ul.blog_list li h2 { line-height: 28px; margin: 0 50px 7px 0; font-size: 20px !important; } /* -- Index file Title -- */ h3.index-title { margin: 55px 0 -20px 60px; } /* -- Pagination -- */ .wp-pagenavi { width: 80%; margin-left: 42px;} /* -- Support Page -- -------------------*/ h2.title-support { font-size: 20px;} h2.title-support br { display: none; } .fullboxs { width: 570px; } .fullboxs h3 { line-height: 32px;} /* -- 1st Box Support -- */ .stboxs { width: 250px; height: 470px; float: left; padding: 75px 25px; } a.button-stboxs { width: 90%; } /* -- 2nd Box Support -- */ .ndboxs { width: 190px; height: 460px; padding: 40px 25px; } a.button-ndboxs { width: 90%; } /* -- FAQ Support -- */ .fullboxfaq { width: 450px; margin: 60px auto 40px auto; padding: 40px 60px 50px 60px; border: none; } /* -- Get Support Page -- -----------------------*/ ul.support-rules { width: 500px; margin-left: 0px; } ul.support-rules li { width: 170px; height: 250px; padding: 25px 25px; margin: 0 15px 30px 15px; } ul.support-rules li h4 { line-height: 24px; margin: 0px 0 10px 0;} /* -- Pricing Page -- -------------------*/ #tabs { margin-left: 50px; margin-top: -51px; } #tabs_wrapper { margin-bottom: 0px; float: right; } div.pricebtn .simplebtn:hover span { display: none; } /* -- Pre-Sales Page -- ---------------------*/ .fullboxpresales { width: 450px; margin: 60px auto 40px auto; padding: 40px 60px 50px 60px; } /* -- Pricing Page -- -------------------*/ body.page-template-template-pricing .one-third-an { margin-top: -40px; margin-bottom: 50px; } ul.price-list { margin: 15px 0 0 10px;} /* -- Themes Page Cats -- -----------------------*/ ul.themes-categories li { margin: 0 14px 15px 14px;} ul.themes-categories li a { font-size: 11px; } ul.themes-categories li img { width: 26px; } /* -- About Us Page -- -----------------------*/ ul.about-boxes { width: 500px; margin-left: 0px; } ul.about-boxes li { width: 170px; height: 270px; padding: 25px 25px; margin: 0 15px 30px 15px; } ul.about-boxes li:last-child { width: 420px; height: 140px;} /* -- Theme Single Page -- ------------------------*/ /* -- Box Left -- */ .box1-themeinfo { width: 180px; margin: 25px 0 10px 0; height: auto; float: left; } .box1-themeinfo h1 { font-size: 36px;} .box1-themeinfo p { display: none;} /* -- Box Right -- */ .box2-themeimg { width: 290px; margin: 25px 0 10px 0; background: transparent;} /* -- Buttons -- */ a.item-btn-join { font-size: 15px;} a.item-btn-live { width: 100%; font-size: 15px;} a.item-btn-hosting { width: 100%; font-size: 15px;} .stheme-update { display: none;} /* -- Entry Theme -- */ .fullboxtheme { width: 450px; } /* -- Downloads Page -- --------------------.*/ ul.download-list li span { width: 165px; } a.dp-btn-changelog { display: none;} /* -- Buttons host -- */ a.dp-btn-host { width: 40px; } a.dp-btn-host b { display: none; } a.dp-btn-host:after { font-family: 'FontAwesome'; content: "\f0c2"; } /* -- Buttons live -- */ a.dp-btn-live { width: 40px;} a.dp-btn-live b { display: none; } a.dp-btn-live:after { font-family: 'FontAwesome'; content: "\f109"; } /* -- Buttons download -- */ a.downloadbtn { width: 40px;} a.downloadbtn i { display: none;} a.downloadbtn b { display: none; } a.downloadbtn:after { font-family: 'FontAwesome'; content: "\f0ed"; } /* -- Buttons docs -- */ a.dp-btn-docs { width: 40px;} a.dp-btn-docs b { display: none; } a.dp-btn-docs:after { font-family: 'FontAwesome'; content: "\f1cd"; } /* -- DOCSPRESS ------- ---------------------*/ #primary { width: 570px; } /* -- Docs home -- */ .docspress-archive .docspress-archive-list { width: 102.5%; padding: 0; margin: 0 0 -2% -2.5% !important; list-style: none; } .docspress-archive .docspress-archive-list > .docspress-archive-list-item { -ms-flex: 1 0 43.1%; flex: 1 0 43.1%; min-width: 43.1%; max-width: 43.1%; margin: 0 0 2.5% 2.5%; padding: 0px 2.2% 0 2.2% !important; } /* -- entry-content content style -- */ .docspress-single-content { padding: 20px 0px 50px 12px !important;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Page Title -- */ .subheader-pages h1, .subheader-pages h3 { font-size: 30px; } /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0; position: inherit;} .not-found { width: 300px; margin-left: 60px; } .not-found #s { width: 200px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share a span { display: none;} ul.meta-entry-top li ul.single-share li a { padding: 5px 15px 4px 15px; } /* - Top entry - */ .entry-top { width: 450px; } /* -- Entry content style -- */ .entry { width: 450px; } /* -- Responsive Images -- */ .entry iframe { max-width: 450px; height: 300px; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Copyright -- */ .footer-copyright { height: auto; padding: 30px 0 30px 0; } .footer-copyright p { padding-left: 50px; padding-right: 50px; line-height: 30px;} /* -- Checkout ------ -------------------*/ ul.tabs li:first-child { margin-right: 10px; } div.mm-checkoutSection2 ul { width: auto; } div.mm-paymentbuttons a.mm-button { width: 100% !important; font-size: 12px; } p.mm-ccLogos { width: 70px; } p.an-paypal-logo { width: 70px; } p.mm-ccLogos img { width: 70px !important;} #mm_braintree_cc_exp_month { width: 45% !important; } #mm_braintree_cc_exp_year { width: 45% !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 579px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 460px; } .wrap-center { width: 460px; } .wrap-middle { width: 460px; } .wrap-small { width: 460px; } .subheader-wrap { width: 460px; height: 500px; margin: 90px auto 180px auto; } /* - Layout content - */ .wrap-fullwidth { width: 460px; } .wrap-fullwidth-bg { width: 460px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 25px; padding-right: 25px;} /* .page-content */ .single-content { width: 460px; float: left;} .sidebar { width: 460px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; margin-bottom: 25px; padding-left: 105px; padding-right: 105px;} div.widget_search { padding-bottom: 25px !important; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a { background: transparent !important; color: #FFF !important;} #respMenu li.current-menu-item a { background: transparent !important; color: #FFF !important;} .ant-responsive-menu li.right { float: none; } .ant-responsive-menu li.right ul.sub-menu { width: auto; padding: 10px 0 0 0 !important; margin: -2px 0 0 0; } .ant-responsive-menu > li > a { display: block; padding: 0px 15px 3px 15px !important; } /* -- SubHeader ----- -------------------*/ .two-thirds-an { width: 460px; } .two-thirds-an h2 { font-size: 32px; line-height: 1.20;} .one-third-an { width: 310px; margin-top: 60px; float: left; padding: 30px 30px 33px 30px; } .two-thirds-an p { width: 460px;} .two-thirds-an p.color { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Posts -- */ #featured-slider-wrap { width: 100%; height: 270px; float: left; margin-top: -140px; } ul.featured-posts { width: 100%; height: 270px; } ul.featured-posts li { width: 300px; height: 253px; margin: 0 12px;} ul.featured-posts li img { width: 300px; height: 253px; } /* -- Slider Nav -- */ ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -160px !important;} /* -- Home SubTitle & Title -- */ span.an-subtitle { font-size: 30px; padding-bottom: 10px; } h2.an-titlesection { font-size: 22px; } h2.an-titlesection span { font-size: 18px; } /* -- Home top box -- */ .home-top-box { width: 100%; height: auto; line-height: 28px; margin: 40px 0 60px 0; } /* -- Home 4boxes -- */ .homeone_fourth, .homeone_fourth_last { float:left; width:46%; height: 340px; margin-bottom: 0px; margin-right:2%; margin-left: 2%; text-align: center; } /* -- Themes -- */ ul.themes-grid { width: 490px; margin: 50px 0 0 -30px; } ul.themes-grid li { width: 215px; } ul.themes-grid li img { width: 100%; height: auto; } ul.themes-grid li.full-notice { width: 460px; } ul.themes-grid li.full-notice .home-top-box { width: 70%; height: auto; line-height: 28px; margin: 40px 0 60px 45px; padding-left: 10%; padding-right: 10%; } /* -- News Home -- */ ul.home-news { width: 490px; margin: 57px 0 0 -30px; } ul.home-news li { width: 185px; min-height: 60px; padding: 15px 15px 0px 15px; margin: 0 0 30px 30px; } ul.home-news li img { width: 60px; height: 60px; } ul.home-news li div.hnews-content { margin-left: 75px; } ul.home-news li span { margin: 4px 0 7px 0; } /* -- Blog News Index -- */ ul.blog_list { width: 360px; } ul.blog_list li { width: 360px; height: auto; } ul.blog_list li img { width: 90px; height: 90px; float: left; object-fit: cover; border-radius: 5px; } ul.blog_list li div.blog-content { margin-left: 110px; } ul.blog_list li h2 { line-height: 28px; margin: 0 50px 7px 0; font-size: 20px !important; } /* -- Index file Title -- */ h3.index-title { margin: 55px 0 -20px 50px; } /* -- Pagination -- */ .wp-pagenavi { width: 80%; margin-left: 20px;} div.pricebtn .simplebtn:hover span { display: none; } /* -- Support Page -- -------------------*/ h2.title-support { font-size: 20px; padding: 0 25px;} h2.title-support br { display: none; } .fullboxs { width: 460px; } .fullboxs h3 { line-height: 32px;} /* -- 1st Box Support -- */ .stboxs { width: 410px; height: 390px; float: left; padding: 40px 25px; } a.button-stboxs { width: 90%; } /* -- 2nd Box Support -- */ .ndboxs { width: 410px; height: 350px; float: left; padding: 40px 25px; } a.button-ndboxs { width: 90%; } /* -- FAQ Support -- */ .fullboxfaq { width: 340px; margin: 60px auto 40px auto; padding: 40px 60px 50px 60px; border: none; } .accordionButton h4 { padding-right: 25px;} /* -- Get Support Page -- -----------------------*/ ul.support-rules { width: 410px; margin-left: 0px; } ul.support-rules li { width: 145px; height: 250px; padding: 25px 20px; margin: 0 10px 30px 10px; } ul.support-rules li h4 { line-height: 24px; margin: 0px 0 10px 0;} /* -- Pre-Sales Page -- ---------------------*/ .fullboxpresales { width: 390px; margin: 60px auto 40px auto; padding: 40px 35px 50px 35px; } /* -- Pricing Page -- -------------------*/ body.page-template-template-pricing .subheader-wrap { margin: 90px auto 0 auto; } body.page-template-template-pricing .one-third-an { margin-top: 50px; margin-bottom: 75px !important; } body.page-template-template-pricing .two-thirds-an { margin-top: 0px; } ul.price-list { margin: 15px 0 0 10px;} ul.price-list li span { display: none; } ul.price-list li:hover { cursor: default;} /* -- Pricing Page -- -------------------*/ #tabs { margin-left: 50px; margin-top: -10px; } #tabs_wrapper { margin-bottom: 0px; float: left; margin-top: 50px; margin-left: -20px; width: 98%; } #tabs_wrapper .one-third-an { margin-right: 0px; margin-top: 0px;} /* -- Themes Page Cats -- -----------------------*/ ul.themes-categories li { margin: 0 10px 15px 10px;} ul.themes-categories li a { font-size: 10px; } ul.themes-categories li img { width: 24px; } /* -- About Us Page -- -----------------------*/ ul.about-boxes { width: 410px; margin-left: 0px; } ul.about-boxes li { width: 145px; height: 335px; padding: 25px 20px; margin: 0 10px 30px 10px; } ul.about-boxes li:last-child { width: 350px; height: 160px;} /* -- Theme Single Page -- ------------------------*/ /* -- Box Left -- */ .box1-themeinfo { width: 410px; margin: 25px 0 10px 0; height: auto; float: left; } .box1-themeinfo h1 { font-size: 36px; text-align: center;} .box1-themeinfo p { display: block; text-align: center;} /* -- Box Right -- */ .box2-themeimg { width: 410px; margin: 25px 0 10px 0; background: transparent;} /* -- Buttons -- */ a.item-btn-join { font-size: 15px;} a.item-btn-live { width: 100%; font-size: 15px;} a.item-btn-hosting { width: 100%; font-size: 15px;} .stheme-update { display: none;} /* -- Entry Theme -- */ .fullboxtheme { width: 340px; } /* -- Downloads Page -- --------------------.*/ ul.download-list li span { width: 165px; } a.dp-btn-changelog { display: none;} /* -- Buttons host -- */ a.dp-btn-host { width: 40px; } a.dp-btn-host b { display: none; } a.dp-btn-host:after { font-family: 'FontAwesome'; content: "\f0c2"; } /* -- Buttons live -- */ a.dp-btn-live { width: 40px;} a.dp-btn-live b { display: none; } a.dp-btn-live:after { font-family: 'FontAwesome'; content: "\f109"; } /* -- Buttons download -- */ a.downloadbtn { width: 40px;} a.downloadbtn i { display: none;} a.downloadbtn b { display: none; } a.downloadbtn:after { font-family: 'FontAwesome'; content: "\f0ed"; } /* -- Buttons docs -- */ a.dp-btn-docs { width: 40px;} a.dp-btn-docs b { display: none; } a.dp-btn-docs:after { font-family: 'FontAwesome'; content: "\f1cd"; } /* -- DOCSPRESS ------- ---------------------*/ #primary { width: 460px; } /* -- Docs home -- */ .docspress-archive .docspress-archive-list { width: 102.5%; padding: 0; margin: 0 0 -2% -2.5% !important; list-style: none; } .docspress-archive .docspress-archive-list > .docspress-archive-list-item { -ms-flex: 1 0 43.1%; flex: 1 0 43.1%; min-width: 43.1%; max-width: 43.1%; margin: 0 0 2.5% 2.5%; padding: 0px 2.2% 0 2.2% !important; } /* -- entry-content content style -- */ .docspress-single-content { padding: 20px 0px 50px 12px !important;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Page Title -- */ .subheader-pages h1, .subheader-pages h3 { font-size: 30px; } /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0; position: inherit;} .not-found { width: 300px; margin-left: 50px; } .not-found #s { width: 200px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share a span { display: none;} ul.meta-entry-top li ul.single-share li a { padding: 5px 15px 4px 15px; } /* - Top entry - */ .entry-top { width: 360px; } /* -- Entry content style -- */ .entry { width: 360px; } /* -- Responsive Images -- */ .entry iframe { max-width: 410px; height: 250px; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Copyright -- */ .footer-copyright { height: auto; padding: 30px 0 35px 0; } .footer-copyright p { padding-left: 50px; padding-right: 50px; line-height: 30px;} footer .subheader-wrap { height: 200px; margin: 50px auto 0px auto !important; } footer .one-third-an { margin: 0px 0 70px 0 !important; } /* -- Checkout ------ -------------------*/ ul.tabs li:first-child { margin-right: 15px; } p.an-paypal-logo { width: 115px; } p.mm-ccLogos img { width: 115px !important;} div.mm-checkoutSection2 ul { width: 240px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 410px) and (max-width: 479px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 390px; } .wrap-center { width: 390px; } .wrap-middle { width: 390px; } .wrap-small { width: 390px; } .subheader-wrap { width: 390px; height: 500px; margin: 50px auto 70px auto; } body.page-id-229 .subheader-pages { width: 100%; height: 90px; float: left; padding-top: 0px !important; } /* - Layout content - */ .white-section { width: 100%; padding: 40px 0; } .grey-section { width: 100%; padding: 60px 0 30px 0; margin: 30px 0 30px 0; } .wrap-fullwidth { width: 390px; } .wrap-fullwidth-bg { width: 390px; } .wrap-fullwidth-bg .entry { width: auto; padding: 0px 15px 15px 15px;} .wrap-small-bg { width: 390px; height: auto; margin: 125px auto 50px auto; position: relative; z-index: 101; border-radius: 5px; } .wrap-small-bg .entry { width: auto; padding: 15px 40px 30px 40px;} /* .page-content */ .single-content { width: 390px; float: left;} .sidebar { width: 390px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; margin-bottom: 25px; padding-left: 70px; padding-right: 0px;} div.widget_search { padding-bottom: 25px !important; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a { background: transparent !important; color: #FFF !important;} #respMenu li.current-menu-item a { background: transparent !important; color: #FFF !important;} .ant-responsive-menu li.right { float: none; } .ant-responsive-menu li.right ul.sub-menu { width: auto; padding: 10px 0 0 0 !important; margin: -2px 0 0 0; } .ant-responsive-menu > li > a { display: block; padding: 0px 15px 3px 15px !important; } /* -- SubHeader ----- -------------------*/ .two-thirds-an { width: 390px; height: 160px; } .two-thirds-an h2 { font-size: 26px; line-height: 1.20;} .one-third-an { width: 330px; margin-top: 70px; float: left; padding: 30px 30px 33px 30px; } .two-thirds-an p { width: 390px;} .two-thirds-an p.color { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Posts -- */ #featured-slider-wrap { width: 100%; height: 228px; float: left; margin-top: -110px; } ul.featured-posts { width: 100%; height: 228px; } ul.featured-posts li { width: 250px; height: 211px; margin: 0 12px;} ul.featured-posts li img { width: 250px; height: 211px; } /* -- Slider Nav -- */ ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -140px !important;} /* -- Home SubTitle & Title -- */ span.an-subtitle { font-size: 30px; padding-bottom: 10px; } h2.an-titlesection { font-size: 22px; } h2.an-titlesection span { font-size: 18px; } /* -- Home top box -- */ .home-top-box { width: 92%; font-size: 16px; height: auto; line-height: 28px; margin: 40px 0 60px 0; padding-left: 4%; padding-right: 4%; } /* -- Home 4boxes -- */ .homeone_fourth, .homeone_fourth_last { float:left; width:46%; height: 360px; margin-bottom: 0px; margin-right:2%; margin-left: 2%; text-align: center; } /* -- Themes -- */ ul.themes-grid { width: 410px; margin: 50px 0 0 -20px; } ul.themes-grid li { width: 185px; margin: 0 0 30px 20px; } ul.themes-grid li img { width: 100%; height: auto; } ul.themes-grid li h3 span { display: none;} ul.themes-grid li.full-notice { width: 390px; } ul.themes-grid li.full-notice .home-top-box { width: 90%; height: auto; line-height: 28px; margin: 40px 0 60px 13px; padding-left: 4%; padding-right: 4%; } div.allthemesbtn { margin: 20px auto 30px auto; width: 250px; } /* -- News Home -- */ ul.home-news { width: 410px; margin: 57px 0 0 -20px; } ul.home-news li { width: 155px; min-height: 100px; padding: 15px 15px 0px 15px; margin: 0 0 30px 20px; } ul.home-news li img { width: 40px; height: 40px; } ul.home-news li div.hnews-content { margin-left: 50px; } ul.home-news li span { margin: 4px 0 7px 0; } /* -- Blog News Index -- */ ul.blog_list { width: 360px; } ul.blog_list li { width: 360px; height: auto; } ul.blog_list li img { width: 90px; height: 90px; float: left; object-fit: cover; border-radius: 5px; } ul.blog_list li div.blog-content { margin-left: 110px; } ul.blog_list li h2 { line-height: 28px; margin: 0 50px 7px 0; font-size: 20px !important; } /* -- Index file Title -- */ h3.index-title { margin: 55px 0 -20px 25px; } /* -- Pagination -- */ .wp-pagenavi { width: 100%; margin-left: 0px;} /* -- Support Page -- -------------------*/ h2.title-support { font-size: 16px; line-height: 28px; padding: 0 15px; margin-bottom: 8px;} h2.title-support br { display: none; } .fullboxs { width: 390px; margin-top: -70px; } .fullboxs h3 { line-height: 32px;} /* -- 1st Box Support -- */ .stboxs { width: 340px; height: 420px; float: left; padding: 40px 25px; } a.button-stboxs { width: 90%; } /* -- 2nd Box Support -- */ .ndboxs { width: 340px; height: 350px; float: left; padding: 40px 25px; margin-top: 10px; } a.button-ndboxs { width: 90%; } /* -- FAQ Support -- */ .fullboxfaq { width: 340px; margin: 60px auto 40px auto; padding: 40px 25px 50px 25px; border: none; } .accordionButton h4 { padding-right: 25px;} /* -- Get Support Page -- -----------------------*/ ul.support-rules { width: 380px; margin-left: 0px; } ul.support-rules li { width: 130px; height: 290px; padding: 25px 15px; margin: 0 10px 20px 10px; } ul.support-rules li h4 { line-height: 24px; margin: 0px 0 10px 0;} /* -- Pre-Sales Page -- ---------------------*/ .fullboxpresales { width: 340px; margin: 60px auto 0px auto; padding: 40px 25px 50px 25px; } /* -- Pricing Page -- -------------------*/ body.page-template-template-pricing .subheader-wrap { margin: 50px auto 0 auto; } body.page-template-template-pricing .one-third-an { margin-top: 70px; margin-bottom: 60px; } body.page-template-template-pricing .two-thirds-an { margin-top: 0px; } .pr-box { margin: 0 auto 60px 0; padding: 60px 0 0px 0;} ul.price-list { margin: 15px 0 0 10px;} ul.price-list li span { display: none; } ul.price-list li:hover { cursor: default;} /* -- Pricing Page -- -------------------*/ #tabs { margin-left: 50px; margin-top: -10px; } #tabs_wrapper { margin-bottom: 0px; float: left; margin-top: 100px; margin-left: -20px; width: 98%; } #tabs_wrapper .one-third-an { margin-right: 0px; margin-top: 0px;} body.page-template-template-home #tabs_wrapper { margin-top: 80px; } body.page-template-template-home .subheader-wrap { height: 520px; } div.pricebtn .simplebtn:hover span { display: none; } /* -- Themes Page Cats -- -----------------------*/ ul.themes-categories li { margin: 0 9px 15px 9px;} ul.themes-categories li a { font-size: 9px; } ul.themes-categories li img { width: 22px; margin-bottom: 1px; } /* -- About Us Page -- -----------------------*/ ul.about-boxes { width: 360px; margin-left: 0px; } ul.about-boxes li { width: 130px; height: 360px; padding: 25px 15px; margin: 0 10px 30px 10px; } ul.about-boxes li:last-child { width: 310px; height: 170px;} /* -- Theme Single Page -- ------------------------*/ /* -- Box Left -- */ .box1-themeinfo { width: 360px; margin: 25px 0 10px 0; height: auto; float: left; } .box1-themeinfo h1 { font-size: 36px; text-align: center;} .box1-themeinfo p { display: block; text-align: center;} /* -- Box Right -- */ .box2-themeimg { width: 360px; margin: 25px 0 10px 0; background: transparent;} /* -- Buttons -- */ a.item-btn-join { font-size: 15px;} a.item-btn-live { width: 100%; font-size: 15px;} a.item-btn-hosting { width: 100%; font-size: 15px;} .stheme-update { display: none;} /* -- Entry Theme -- */ .fullboxtheme { width: 340px; margin: 60px auto 0px auto; padding: 40px 25px 50px 25px; } /* -- Downloads Page -- --------------------.*/ ul.download-list li span { width: 150px; } a.dp-btn-changelog { display: none;} .downloaddown-content { min-width: 150px;} /* -- Buttons host -- */ a.dp-btn-host { width: 40px; } a.dp-btn-host b { display: none; } a.dp-btn-host:after { font-family: 'FontAwesome'; content: "\f0c2"; } /* -- Buttons live -- */ a.dp-btn-live { width: 40px;} a.dp-btn-live b { display: none; } a.dp-btn-live:after { font-family: 'FontAwesome'; content: "\f109"; } /* -- Buttons download -- */ a.downloadbtn { width: 40px;} a.downloadbtn i { display: none;} a.downloadbtn b { display: none; } a.downloadbtn:after { font-family: 'FontAwesome'; content: "\f0ed"; } /* -- Buttons docs -- */ a.dp-btn-docs { display: none;} /* -- DOCSPRESS ------- ---------------------*/ #primary { width: 390px; } .site-main { padding: 50px 30px 50px 25px; } /* -- Docs home -- */ .docspress-archive .docspress-archive-list { width: 102.5%; padding: 0; margin: 0 0 -2% -1% !important; list-style: none; } .docspress-archive .docspress-archive-list > .docspress-archive-list-item { -ms-flex: 1 0 43.1%; flex: 1 0 43.1%; min-width: 43.1%; max-width: 43.1%; margin: 0 0 2.5% 2.5%; padding: 0px 2.2% 0 2.2% !important; } /* -- entry-content content style -- */ .docspress-single-content { padding: 20px 0px 50px 0px !important;} .docspress-single-feedback{ margin: 0px 0px !important; } /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Page Title -- */ .subheader-pages h1, .subheader-pages h3 { font-size: 30px; } /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0; position: inherit;} .not-found { width: 300px; margin-left: 25px; } .not-found #s { width: 200px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share a span { display: none;} ul.meta-entry-top li ul.single-share li a { padding: 5px 15px 4px 15px; } /* - Top entry - */ .entry-top { width: 360px; } /* -- Entry content style -- */ .entry { width: 360px; } /* -- Entry bottom -- */ .entry-bottom { width: 360px; } /* -- Responsive Images -- */ .entry iframe { max-width: 360px; height: 200px; } /* -- Responsive Images -- */ .alignleft { display: block; float: none; margin: 20px auto 10px auto; } .alignright { display: block; float: none; margin: 20px auto 10px auto; } .aligncenter { display: block; margin: 10px auto 0 auto;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Copyright -- */ .footer-copyright { height: auto; padding: 30px 0 40px 0; } .footer-copyright p { padding-left: 10px; padding-right: 10px; line-height: 30px;} footer .subheader-wrap { height: 200px !important; margin: 50px auto 0px auto !important; } footer .one-third-an { margin: 20px 0 70px 0 !important; } /* -- Columns -- */ .one_half, .one_half_last { float:left;width:100%; margin-bottom:10px; margin-right:0; } .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_fourth_last { margin-right:0;} /* -- Checkout ------ -------------------*/ ul.tabs li:first-child { margin-right: 15px; } .mm-checkoutContainer { overflow: visible !important;} #mm-account-information-section { padding: 0px 20px 0px 20px !important; } #mm-billing-information-section { padding: 0px 20px 30px 20px !important; } #mm-coupon-block { padding: 0px 20px 10px 20px !important; } .mm_right_column { margin-left: 20px !important; } p.mm-formField input::placeholder { font-size: 11px; font-weight: normal; color: #000 !important; } p.mm-formField select { font-size: 11px; font-weight: normal; color: #000 !important; } .wrap-anthemes-login { margin: 10px 0 30px -9px; } p.mm-ccLogos { width: 130px; } p.an-paypal-logo { width: 130px; } p.mm-ccLogos img { width: 130px !important;} #mm_braintree_cc_exp_month { width: 50% !important; } #mm_braintree_cc_exp_year { width: 40% !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 360px) and (max-width: 409px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 360px; } .wrap-center { width: 360px; } .wrap-middle { width: 360px; } .wrap-small { width: 360px; } .subheader-wrap { width: 360px; height: 500px; margin: 50px auto 90px auto; } body.page-id-229 .subheader-pages { width: 100%; height: 90px; float: left; padding-top: 0px !important; } /* - Layout content - */ .white-section { width: 100%; padding: 40px 0; } .grey-section { width: 100%; padding: 60px 0 30px 0; margin: 30px 0 30px 0; } .wrap-fullwidth { width: 360px; } .wrap-fullwidth-bg { width: 360px; } .wrap-fullwidth-bg .entry { width: auto; padding: 0px 15px 15px 15px;} .wrap-small-bg { width: 360px; height: auto; margin: 125px auto 50px auto; position: relative; z-index: 101; border-radius: 5px; } .wrap-small-bg .entry { width: auto; padding: 15px 15px 30px 15px;} /* .page-content */ .single-content { width: 360px; float: left;} .sidebar { width: 360px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; margin-bottom: 25px; padding-left: 55px; padding-right: 0px;} div.widget_search { padding-bottom: 25px !important; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a { background: transparent !important; color: #FFF !important;} #respMenu li.current-menu-item a { background: transparent !important; color: #FFF !important;} .ant-responsive-menu li.right { float: none; } .ant-responsive-menu li.right ul.sub-menu { width: auto; padding: 10px 0 0 0 !important; margin: -2px 0 0 0; } .ant-responsive-menu > li > a { display: block; padding: 0px 15px 3px 15px !important; } /* -- SubHeader ----- -------------------*/ .two-thirds-an { width: 360px; height: 160px; } .two-thirds-an h2 { font-size: 26px; line-height: 1.20;} .one-third-an { width: 290px; margin-top: 80px; float: left; padding: 30px 30px 33px 30px; } .two-thirds-an p { width: 360px; } .an-price { width: 80px; } .two-thirds-an p.color { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Posts -- */ #featured-slider-wrap { width: 100%; height: 228px; float: left; margin-top: -110px; } ul.featured-posts { width: 100%; height: 228px; } ul.featured-posts li { width: 250px; height: 211px; margin: 0 12px;} ul.featured-posts li img { width: 250px; height: 211px; } /* -- Slider Nav -- */ ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -140px !important;} /* -- Home SubTitle & Title -- */ span.an-subtitle { font-size: 30px; padding-bottom: 10px; } h2.an-titlesection { font-size: 22px; } h2.an-titlesection span { font-size: 18px; } /* -- Home top box -- */ .home-top-box { width: 92%; font-size: 16px; height: auto; line-height: 28px; margin: 40px 0 60px 0; padding-left: 4%; padding-right: 4%; } /* -- Home 4boxes -- */ .homeone_fourth, .homeone_fourth_last { float:left; width:46%; height: 380px; margin-bottom: 0px; margin-right:2%; margin-left: 2%; text-align: center; } .homeone_fourth h3, .homeone_fourth_last h3 { font-size: 16px; } .homeone_fourth img, .homeone_fourth_last img { width: 50px; margin-bottom: 15px; } /* -- Themes -- */ ul.themes-grid { width: 380px; margin: 50px 0 0 -20px; } ul.themes-grid li { width: 170px; margin: 0 0 30px 20px; } ul.themes-grid li img { width: 100%; height: auto; } ul.themes-grid li h3 { font-size: 16px !important; margin-top: 15px;} ul.themes-grid li div.thcats { margin-top: -5px; font-size: 11px; } ul.themes-grid li h3 span { display: none;} ul.themes-grid li.full-notice { display: none;} /* -- News Home -- */ ul.home-news { width: 380px; margin: 57px 0 0 -20px; } ul.home-news li { width: 140px; min-height: 90px; padding: 15px 15px 0px 15px; margin: 0 0 20px 20px; } ul.home-news li img { width: 40px; height: 40px; } ul.home-news li div.hnews-content { margin-left: 50px; } ul.home-news li span { margin: 4px 0 7px 0; } ul.home-news li h3 { font-size: 13px !important; } /* -- Blog News Index -- */ ul.blog_list { width: 310px; } ul.blog_list li { width: 310px; height: auto; } ul.blog_list li img { width: 90px; height: 90px; float: left; object-fit: cover; border-radius: 5px; } ul.blog_list li div.blog-content { margin-left: 110px; } ul.blog_list li h2 { line-height: 28px; margin: 0 0px 7px 0; font-size: 20px !important; } /* -- Index file Title -- */ h3.index-title { margin: 55px 0 -20px 25px; } /* -- Pagination -- */ .wp-pagenavi { width: 100%; margin-left: 0px;} /* -- Support Page -- -------------------*/ h2.title-support { font-size: 16px; line-height: 28px; padding: 0 15px; margin-bottom: 8px;} h2.title-support br { display: none; } .fullboxs { width: 360px; margin-top: -70px; } .fullboxs h3 { line-height: 32px;} /* -- 1st Box Support -- */ .stboxs { width: 310px; height: 380px; float: left; padding: 40px 25px; } a.button-stboxs { width: 90%; } .stboxs h3 { font-size: 22px; } .stboxs img { width: 60px; } .stboxs p { font-size: 15px; } /* -- 2nd Box Support -- */ .ndboxs { width: 310px; height: 340px; float: left; padding: 40px 25px; margin-top: 10px; } a.button-ndboxs { width: 90%; } .ndboxs h3 { font-size: 22px; } .ndboxs img { width: 60px; } .ndboxs p { font-size: 15px; } /* -- FAQ Support -- */ .fullboxfaq { width: 310px; margin: 60px auto 40px auto; padding: 40px 25px 50px 25px; border: none; } .accordionButton h4 { padding-right: 25px;} /* -- Get Support Page -- -----------------------*/ ul.support-rules { width: 290px; margin-left: 0px; } ul.support-rules li { width: 290px; height: auto; padding: 25px 20px; margin: 0 0px 20px 0px; } ul.support-rules li h4 { line-height: 24px; margin: 0px 0 10px 0;} /* -- Pre-Sales Page -- ---------------------*/ .fullboxpresales { width: 310px; margin: 60px auto 0px auto; padding: 40px 25px 50px 25px; } /* -- Pricing Page -- -------------------*/ body.page-template-template-pricing .subheader-wrap { margin: 50px auto 0 auto; } body.page-template-template-pricing .one-third-an { margin-top: 80px; margin-bottom: 60px; } body.page-template-template-pricing .two-thirds-an { margin-top: 0px; } .pr-box { margin: 0 auto 60px 0; padding: 60px 0 0px 0;} ul.price-list { margin: 15px 0 0 10px;} ul.price-list li span { display: none; } ul.price-list li:hover { cursor: default;} /* -- Pricing Page -- -------------------*/ #tabs { margin-left: 50px; margin-top: -10px; } #tabs_wrapper { margin-bottom: 0px; float: left; margin-top: 100px; margin-left: -20px; width: 98%; } #tabs_wrapper .one-third-an { margin-right: 0px; margin-top: 0px;} body.page-template-template-home #tabs_wrapper { margin-top: 80px; } body.page-template-template-home .subheader-wrap { height: 530px; } div.pricebtn .simplebtn:hover span { display: none; } /* -- Themes Page Cats -- -----------------------*/ ul.themes-categories li { margin: 0 8px 15px 8px;} ul.themes-categories li a { font-size: 9px; } ul.themes-categories li img { width: 22px; margin-bottom: 1px; } /* -- About Us Page -- -----------------------*/ ul.about-boxes { width: 290px; margin-left: 0px; } ul.about-boxes li { width: 290px; height: auto; padding: 25px 20px; margin: 0 0px 20px 0px; } ul.about-boxes li:last-child { width: 290px; height: auto;} /* -- Theme Single Page -- ------------------------*/ /* -- Box Left -- */ .box1-themeinfo { width: 330px; margin: 25px 0 10px 0; height: auto; float: left; } .box1-themeinfo h1 { font-size: 32px; text-align: center; margin: 0 0 10px 0 !important;} .box1-themeinfo p { font-size: 17px !important; display: block; text-align: center;} /* -- Box Right -- */ .box2-themeimg { width: 330px; margin: 25px 0 10px 0; background: transparent;} /* -- Buttons -- */ a.item-btn-join { font-size: 15px;} a.item-btn-live { width: 100%; font-size: 15px;} a.item-btn-hosting { width: 100%; font-size: 15px;} .stheme-update { display: none;} /* -- Entry Theme -- */ .fullboxtheme { width: 310px; margin: 60px auto 0px auto; padding: 40px 25px 50px 25px; } /* -- Downloads Page -- --------------------.*/ ul.download-list li span { width: 150px; font-size: 18px; } ul.download-list li img { margin-right: 15px; } a.dp-btn-changelog { display: none;} .downloaddown-content { min-width: 160px; right: 10px;} /* -- Buttons host -- */ a.dp-btn-host { display: none;} /* -- Buttons live -- */ a.dp-btn-live { width: 40px;} a.dp-btn-live b { display: none; } a.dp-btn-live:after { font-family: 'FontAwesome'; content: "\f109"; } /* -- Buttons download -- */ a.downloadbtn { width: 40px;} a.downloadbtn i { display: none;} a.downloadbtn b { display: none; } a.downloadbtn:after { font-family: 'FontAwesome'; content: "\f0ed"; } /* -- Buttons docs -- */ a.dp-btn-docs { display: none;} /* -- DOCSPRESS ------- ---------------------*/ #primary { width: 350px; } .site-main { padding: 50px 20px 50px 20px; } /* -- Docs home -- */ .docspress-archive .docspress-archive-list { width: 102.5%; padding: 0; margin: 0 0 -2% -1% !important; list-style: none; } .docspress-archive .docspress-archive-list > .docspress-archive-list-item { -ms-flex: 1 0 43.1%; flex: 1 0 43.1%; min-width: 43.1%; max-width: 43.1%; margin: 0 0 2.5% 2.5%; padding: 0px 2.2% 0 2.2% !important; } /* -- entry-content content style -- */ .docspress-single-content { padding: 20px 0px 50px 0px !important;} .docspress-single-feedback{ margin: 0px 0px !important; } ul.docspress-single-breadcrumbs { display: none;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Page Title -- */ .subheader-pages h1, .subheader-pages h3 { font-size: 26px; } /* -- Page / Article Title -- */ h1.article-title { font-size: 24px; line-height: 32px; margin: 12px 0 0 0; } /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0; position: inherit;} .not-found { width: 300px; margin-left: 25px; } .not-found #s { width: 200px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share a span { display: none;} ul.meta-entry-top li ul.single-share li a { padding: 5px 15px 4px 15px; } /* - Top entry - */ .entry-top { width: 310px; } /* -- Entry content style -- */ .entry { width: 310px; } /* -- Entry bottom -- */ .entry-bottom { width: 310px; } /* -- Responsive Images -- */ .entry iframe { max-width: 310px; height: 200px; } /* -- Responsive Images -- */ .alignleft { display: block; float: none; margin: 20px auto 10px auto; } .alignright { display: block; float: none; margin: 20px auto 10px auto; } .aligncenter { display: block; margin: 10px auto 0 auto;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Copyright -- */ .footer-copyright { height: auto; padding: 30px 0 40px 0; } .footer-copyright p { padding-top: 14px; font-size: 13px; padding-left: 10px; padding-right: 10px; line-height: 30px;} .footer-copyright p a { margin: 0 5px;} footer .subheader-wrap { height: 200px !important; margin: 50px auto 0px auto !important;} footer .one-third-an { margin: 30px 0 50px 0 !important; } /* -- Columns -- */ .one_half, .one_half_last { float:left;width:100%; margin-bottom:10px; margin-right:0; } .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_fourth_last { margin-right:0;} /* -- Checkout ------ -------------------*/ ul.tabs li:first-child { margin-right: 15px; } .mm-checkoutContainer { overflow: visible !important;} #mm-account-information-section { padding: 0px 20px 0px 20px !important; } #mm-billing-information-section { padding: 0px 20px 30px 20px !important; } #mm-coupon-block { padding: 0px 20px 10px 20px !important; } .mm_right_column { margin-left: 20px !important; } p.mm-formField input::placeholder { font-size: 11px; font-weight: normal; color: #000 !important; } p.mm-formField select { font-size: 11px; font-weight: normal; color: #000 !important; } p.mm-ccLogos { width:130px; } p.an-paypal-logo { width: 100px; } p.mm-ccLogos img { width: 130px !important;} #mm_braintree_cc_exp_month { width: 50% !important; } #mm_braintree_cc_exp_year { width: 40% !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 359px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 305px; } .wrap-center { width: 305px; } .wrap-middle { width: 305px; } .wrap-small { width: 305px; } .subheader-wrap { width: 305px; height: 500px; margin: 50px auto 120px auto; } body.page-id-229 .subheader-pages { width: 100%; height: 90px; float: left; padding-top: 0px !important; } /* - Layout content - */ .white-section { width: 100%; padding: 40px 0; } .grey-section { width: 100%; padding: 60px 0 30px 0; margin: 30px 0 30px 0; } .wrap-fullwidth { width: 305px; } .wrap-fullwidth-bg { width: 305px; } .wrap-fullwidth-bg .entry { width: auto; padding: 0px 15px 15px 15px;} .wrap-small-bg { width: 305px; height: auto; margin: 125px auto 50px auto; position: relative; z-index: 101; border-radius: 5px; } .wrap-small-bg .entry { width: auto; padding: 15px 1px 30px 7px;} .wrap-anthemes-login { width: 290px; } .anthemes-login { padding: 0px 0 0 22px;} /* .page-content */ .single-content { width: 305px; float: left;} .sidebar { width: 305px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; margin-bottom: 25px; padding-left: 27px; padding-right: 0px;} div.widget_search { padding-bottom: 25px !important; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a { background: transparent !important; color: #FFF !important;} #respMenu li.current-menu-item a { background: transparent !important; color: #FFF !important;} .ant-responsive-menu li.right { float: none; } .ant-responsive-menu li.right ul.sub-menu { width: auto; padding: 10px 0 0 0 !important; margin: -2px 0 0 0; } .ant-responsive-menu > li > a { display: block; padding: 0px 15px 3px 15px !important; } /* -- SubHeader ----- -------------------*/ .two-thirds-an { width: 305px; height: 200px; } .two-thirds-an h2 { font-size: 25px; line-height: 1.30;} .one-third-an { width: 240px; margin-top: 70px; float: left; padding: 30px 30px 33px 30px; } .two-thirds-an p { width: 305px; } .an-price { width: 70px; } .an-price span { float: left; } .an-month-wrap { width: 150px; float: right;} .two-thirds-an p.color { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Posts -- */ #featured-slider-wrap { width: 100%; height: 228px; float: left; margin-top: -110px; } ul.featured-posts { width: 100%; height: 228px; } ul.featured-posts li { width: 250px; height: 211px; margin: 0 12px;} ul.featured-posts li img { width: 250px; height: 211px; } /* -- Slider Nav -- */ ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -140px !important;} /* -- Home SubTitle & Title -- */ span.an-subtitle { font-size: 30px; padding-bottom: 10px; } h2.an-titlesection { font-size: 22px; } h2.an-titlesection span { font-size: 18px; } /* -- Home top box -- */ .home-top-box { width: 92%; font-size: 16px; height: auto; line-height: 28px; margin: 40px 0 60px 0; padding-left: 4%; padding-right: 4%; } /* -- Home 4boxes -- */ .homeone_fourth, .homeone_fourth_last { float:left; width:46%; height: 340px; margin-bottom: 0px; margin-right:2%; margin-left: 2%; text-align: center; } .homeone_fourth h3, .homeone_fourth_last h3 { font-size: 16px; } .homeone_fourth img, .homeone_fourth_last img { width: 45px; margin-bottom: 15px; } .homeone_fourth p, .homeone_fourth_last p { font-size: 14px; line-height: 1.7; } /* -- Themes -- */ ul.themes-grid { width: 320px; margin: 50px 0 0 -15px; } ul.themes-grid li { width: 145px; margin: 0 0 30px 15px; } ul.themes-grid li img { width: 100%; height: auto; } ul.themes-grid li h3 { font-size: 15px !important; margin-top: 15px;} ul.themes-grid li div.thcats { margin-top: -5px; font-size: 11px; } ul.themes-grid li h3 span { display: none;} ul.themes-grid li.full-notice { display: none;} /* -- News Home -- */ ul.home-news { width: 320px; margin: 57px 0 0 -15px; } ul.home-news li { width: 110px; min-height: 200px; padding: 15px 15px 0px 15px; margin: 0 0 15px 15px; } ul.home-news li img { width: 80px; height: 80px; margin: 10px 0 0 15px; } ul.home-news li div.hnews-content { margin-left: 15px; } ul.home-news li span { margin: 20px 0 7px 0; } ul.home-news li h3 { font-size: 13px !important; } /* -- Blog News Index -- */ ul.blog_list { width: 280px; } ul.blog_list li { width: 280px; height: auto; } ul.blog_list li img { width: 90px; height: 90px; float: left; object-fit: cover; border-radius: 5px; } ul.blog_list li div.blog-content { margin-left: 110px; } ul.blog_list li h2 { line-height: 28px; margin: 0 0 7px 0; font-size: 18px !important; } /* -- Index file Title -- */ h3.index-title { margin: 55px 0 -20px 15px; } /* -- Pagination -- */ .wp-pagenavi { width: 100%; margin-left: 0px;} /* -- Support Page -- -------------------*/ h2.title-support { font-size: 16px; line-height: 28px; padding: 0 15px; margin-bottom: 8px;} h2.title-support br { display: none; } .fullboxs { width: 305px; margin-top: -70px; } .fullboxs h3 { line-height: 32px;} /* -- 1st Box Support -- */ .stboxs { width: 255px; height: 440px; float: left; padding: 40px 25px; } a.button-stboxs { width: 90%; } .stboxs h3 { font-size: 22px; } .stboxs img { width: 60px; } .stboxs p { font-size: 15px; } /* -- 2nd Box Support -- */ .ndboxs { width: 255px; height: 400px; float: left; padding: 40px 25px; margin-top: 10px; } a.button-ndboxs { width: 90%; } .ndboxs h3 { font-size: 22px; } .ndboxs img { width: 60px; } .ndboxs p { font-size: 15px; } /* -- FAQ Support -- */ .fullboxfaq { width: 255px; margin: 60px auto 40px auto; padding: 40px 25px 50px 25px; border: none; } .accordionButton h4 { padding-right: 25px;} /* -- Get Support Page -- -----------------------*/ ul.support-rules { width: 235px; margin-left: 0px; } ul.support-rules li { width: 235px; height: auto; padding: 25px 20px; margin: 0 0px 20px 0px; } ul.support-rules li h4 { line-height: 24px; margin: 0px 0 10px 0;} /* -- Pre-Sales Page -- ---------------------*/ .fullboxpresales { width: 275px; margin: 60px auto 0px auto; padding: 40px 15px 50px 15px; } /* -- Pricing Page -- -------------------*/ body.page-template-template-pricing .subheader-wrap { margin: 45px auto 0 auto; } body.page-template-template-pricing .one-third-an { margin-top: 80px; margin-bottom: 60px; } body.page-template-template-pricing .two-thirds-an { margin-top: 0px; } .pr-box { margin: 0 auto 60px 0; padding: 60px 0 0px 0;} ul.price-list { margin: 15px 0 0 10px;} ul.price-list li span { display: none; } ul.price-list li:hover { cursor: default;} /* -- Pricing Page -- -------------------*/ #tabs { margin-left: 50px; margin-top: -10px; } #tabs_wrapper { margin-bottom: 0px; float: left; margin-top: 100px; margin-left: -20px; width: 98%; } #tabs_wrapper .one-third-an { margin-right: 0px; margin-top: 0px;} body.page-template-template-home #tabs_wrapper { margin-top: 80px; } body.page-template-template-home .subheader-wrap { height: 530px; } div.pricebtn .simplebtn:hover span { display: none; } /* -- Themes Page Cats -- -----------------------*/ ul.themes-categories li { margin: 0 4px 15px 4px;} ul.themes-categories li a { font-size: 8.5px; } ul.themes-categories li img { width: 24px; margin-bottom: 1px; } /* -- About Us Page -- -----------------------*/ ul.about-boxes { width: 235px; margin-left: 0px; } ul.about-boxes li { width: 235px; height: auto; padding: 25px 20px; margin: 0 0px 20px 0px; } ul.about-boxes li:last-child { width: 235px; height: auto;} /* -- Theme Single Page -- ------------------------*/ /* -- Box Left -- */ .box1-themeinfo { width: 275px; margin: 25px 0 10px 0; height: auto; float: left; } .box1-themeinfo h1 { font-size: 32px; text-align: center; margin: 0 0 10px 0 !important;} .box1-themeinfo p { font-size: 17px !important; display: block; text-align: center;} /* -- Box Right -- */ .box2-themeimg { width: 275px; margin: 25px 0 10px 0; background: transparent;} /* -- Buttons -- */ a.item-btn-join { font-size: 15px;} a.item-btn-live { width: 100%; font-size: 15px;} a.item-btn-hosting { width: 100%; font-size: 15px;} .stheme-update { display: none;} /* -- Entry Theme -- */ .fullboxtheme { width: 275px; margin: 60px auto 0px auto; padding: 40px 15px 50px 15px; } /* -- Downloads Page -- --------------------.*/ ul.download-list li span { width: 160px; margin-right: 0px; font-size: 16px; } ul.download-list li img { margin-right: 15px;} a.dp-btn-changelog { display: none;} .downloaddown-content { min-width: 160px; right: 10px;} /* -- Buttons host -- */ a.dp-btn-host { display: none;} /* -- Buttons live -- */ a.dp-btn-live { width: 50px;} a.dp-btn-live b { display: none; } a.dp-btn-live:after { font-family: 'FontAwesome'; content: "\f109"; } /* -- Buttons download -- */ a.downloadbtn { width: 40px;} a.downloadbtn i { display: none;} a.downloadbtn b { display: none; } a.downloadbtn:after { font-family: 'FontAwesome'; content: "\f0ed"; } /* -- Buttons docs -- */ a.dp-btn-docs { display: none;} /* -- DOCSPRESS ------- ---------------------*/ #primary { width: 305px; } .site-main { padding: 50px 20px 50px 20px; } /* -- Docs home -- */ .docspress-archive .docspress-archive-list { width: 102.5%; padding: 0; margin: 0 0 -2% -1% !important; list-style: none; } .docspress-archive .docspress-archive-list > .docspress-archive-list-item { -ms-flex: 1 0 43%; flex: 1 0 43%; min-width: 43%; max-width: 43%; margin: 0 0 2.5% 2.5%; padding: 0px 2.2% 0 2.2% !important; } /* -- entry-content content style -- */ .docspress-single-content { padding: 20px 0px 50px 0px !important;} .docspress-single-feedback{ margin: 0px 0px !important; } ul.docspress-single-breadcrumbs { display: none;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Page Title -- */ .subheader-pages h1, .subheader-pages h3 { font-size: 24px; } /* -- Page / Article Title -- */ h1.article-title { font-size: 22px; line-height: 28px; margin: 12px 0 0 0; } /* -- not-found -- */ .not-found #searchform2 { margin: 28px 0 0 0; position: inherit;} .not-found { width: 280px; margin-left: 15px; } .not-found #s { width: 180px; } /* -- Single Share -- */ ul.meta-entry-top li ul.single-share a span { display: none;} ul.meta-entry-top li ul.single-share li a { padding: 5px 12px 4px 12px !important; } /* - Top entry - */ .entry-top { width: 280px; } /* -- Entry content style -- */ .entry { width: 280px; } /* -- Entry bottom -- */ .entry-bottom { width: 280px; } /* -- Responsive Images -- */ .entry iframe { max-width: 280px; height: 200px; } /* -- Responsive Images -- */ .alignleft { display: block; float: none; margin: 20px auto 10px auto; } .alignright { display: block; float: none; margin: 20px auto 10px auto; } .aligncenter { display: block; margin: 10px auto 0 auto;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Copyright -- */ .footer-copyright { height: auto; padding: 30px 0 40px 0; } .footer-copyright p { padding-top: 14px; font-size: 13px; padding-left: 0; padding-right: 0; line-height: 30px;} .footer-copyright p a { margin: 0 5px; font-size: 12px;} body.page-template-template-pricing footer .subheader-wrap { margin: 40px auto 0px auto !important; } footer .subheader-wrap { height: 200px !important; margin: 40px auto 0px auto !important; } footer .one-third-an { margin: 30px 0 60px 0 !important; } /* -- Columns -- */ .one_half, .one_half_last { float:left;width:100%; margin-bottom:10px; margin-right:0; } .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_fourth_last { margin-right:0;} /* -- Checkout ------ -------------------*/ ul.tabs li:first-child { margin-right: 15px; } .mm-checkoutContainer { overflow: visible !important;} #mm-account-information-section { padding: 0px 20px 0px 20px !important; } #mm-billing-information-section { padding: 0px 20px 30px 20px !important; } #mm-coupon-block { padding: 0px 20px 10px 20px !important; } .mm_right_column { margin-left: 20px !important; } p.mm-formField input::placeholder { font-size: 11px; font-weight: normal; color: #000 !important; } p.mm-formField select { font-size: 11px; font-weight: normal; color: #000 !important; } p.mm-ccLogos { width: 90px; } p.an-paypal-logo { width: 85px; } p.mm-ccLogos img { width: 90px !important;} #mm_braintree_cc_exp_month { width: 40% !important; } #mm_braintree_cc_exp_year { width: 50% !important; } div.mm-checkoutSection2 ul { width: auto; } div.mm-paymentbuttons a.mm-button { width: 100% !important; font-size: 14px; } }