/* Theme Name: Advance One Page Theme URI: https://www.themeshopy.com/themes/free-one-page-wordpress-theme/ Author: Themeshopy Author URI: https://www.themeshopy.com/ Description: Advance one page theme is in great demand as of today because of its premier level capabilities and features for the success in the business. It is a sensational theme for multiple businesses and these include the corporate companies or houses and in case, you are about to open a small enterprise, personal website, ecommerce portal or an IT startup, you have done the right thing by choosing advance one page theme. It is also applicable for the small local businesses, digital agencies as well as landing pages because of its simple and adaptable nature apart from responsiveness, multipurpose performance, professionalism and beauty. Advance one page theme is flexible accompanied with the personalization options making it good for the agencies as well as the businesses related to the environment and transportation. For the photography enthusiasts or those who are already established players in this business, this is a good investment because it is not only clean but is mobile ready as well. It is stunning, animated and works on bootstrap making it fit for the fitness enthusiasts as well as lawyers. It is accompanied with the live customizer, background image option and full body background slider making it a suitable choice for various businesses. Demo: https://www.themeshopy.com/advance-one-page-pro/ Version: 0.1 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: advance-one-page Tags:left-sidebar, right-sidebar, one-column, two-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, rtl-language-support, threaded-comments, blog, e-commerce, portfolio Advance One Page WordPress Theme has been created by Themeshopy, 2018. Advance One Page WordPress Theme is released under the terms of GNU GPL In this theme some code is taken from Twenty Sixteen. */ /* Basic Style */ *{ margin:0; padding:0; outline:none; } body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#f3f6f8; color: #8d96ae; font-family: 'Fira Sans', sans-serif; letter-spacing: 1px; } img{ margin:0; padding:0; border:none; max-width:100%; height:auto; } section img{ max-width:100%; } h1, h2, h3, h4, h5, h6{ margin:0; padding:10px 0; color: #90c908; text-transform: capitalize; } p{ margin:0 0 15px; padding:0; font-size:14px; line-height: 1.5; font-family: 'Poppins', sans-serif; } a{ text-decoration:none; color:#90c908; } a:hover{ text-decoration:none; color:#666; } a:focus, a:hover{ text-decoration:none !important; } ul{ margin:0 0 0 15px; padding:0; } :hover{-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } select{ width:100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ clear:both; } .clear{ clear:both; } input[type='submit']:hover{ cursor: pointer; } .center{ text-align:center; margin-bottom:40px; } .middle-align{ margin:0 auto; padding:20px 0 20px; } .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%; } .wp-caption-text{ margin:0; padding:0; } .screen-reader-text { position: absolute; top:-9999em; left:-9999em; } .sticky{ margin:0; padding:0; } .gallery-caption{ margin:0; padding:0; } .alignleft, img.alignleft { display: inline; float: left; margin-right:20px; margin-top:4px; margin-bottom:10px; padding:0; border:1px solid #bbb; padding:5px; } .alignright, img.alignright { display: inline; float: right; border:1px solid #bbb; padding:5px; margin-bottom:10px; margin-left:25px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; } .comment-list .comment-content ul { list-style:none; margin-left:15px; } .comment-list .comment-content ul li{ margin:5px; } #respond{ clear:both; } .toggleMenu{ display:none; } .bypostauthor{ margin:0; padding:0; } small{ font-size:14px !important; } input[type="text"], input[type="email"], input[type="phno"], textarea{ border:1px solid #bcbcbc; width:100%; font-size:16px; padding:10px 10px; margin:0 0 23px 0; height:auto; } textarea{ height:111px; } input[type="search"] { padding: 10px; border: none; color: #90c908; } input[type="submit"] { border: none; text-align:center; font-size:18px; padding:7px 30px; background: #90c908; font-weight:bold; color:#fff; } /* ---------Buttons--------- */ .read-moresec a, #slider .inner_carousel .read-btn a, .read-more-btn a { color: #fff; padding: 15px 25px; border-radius: 25px; background: #90c908; font-size: 12px; letter-spacing: 1px; font-weight: bold; border: 1px solid #90c908; } .read-moresec { margin-top: 20px; } .read-moresec a:hover, #slider .inner_carousel .read-btn a:hover, .read-more-btn a:hover{ color: #3d4963; border-color: #3d4963; background: transparent; } /* ---------Logo Middle Header--------- */ .logo { background: #90c908; text-align: center; padding: 16px 0; } .logo a.custom-logo-link img { padding: 0; } .logo h1{ font-size: 30px; font-weight: bold; text-align: center; padding-top: 0px; } .logo a{ color: #fff; } .logo p{ font-size: 12px; color: #fff; text-align: center; margin-bottom: 0px; } /* ---------HEADER--------- */ .page-template-custom-front-page #header { position: absolute; width: 100%; z-index: 999; background: transparent; } #header{ position: static; background: #ecefee; } .top-header{ color: #000; margin: 15px 0; } .social-icons{ text-align: right; margin: 10px 0; } .social-icons i{ color: #000; margin-left: 15px; font-size: 12px; } .social-icons i:hover{ color: #3d4963; } .mail{ margin: 10px 0; color: #3d4963; font-size: 13px; } .mail i{ margin-right: 5px; } /* --------- Main Menu--------- */ .main-menu{ background: #fff; padding: 10px 0; } #header nav { margin: 0; display: block; } #header nav ul { margin:0; padding:0; font-weight:600; font-size:14px; } #header nav ul li{ margin:0; position: relative; list-style-type: none; display: inline-block; } #header nav ul li a{ color:#8590ab; display:block; position: relative; } .menu-item{ text-align: left; } /*-----------------Search pop up----------------*/ .serach_inner label { width: 75%; } .serach_outer { position: fixed; width: 100%; height: 100%; background: rgba(61, 73, 99, 0.5); overflow: hidden; transition: 0.5s; z-index: 999; top: 0; left: 0; display: none; } .serach_inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .closepop { position: absolute; top: 20%; transform: translateY(-50%); width: 100%; right: 0; text-align: right; margin-right: 28px; } .serach_outer i { font-size: 24px; padding: 4px 0 0 0; color: #fff; cursor: pointer; } .serach_inner form.search-form { display: table; padding: 0; border-radius: 0; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; } .serach_inner form.search-form { display: table; border: 4px solid #90c908; padding: 10px; box-shadow: 0 0 12px 1px #f5f5f5; border-radius: 0; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; } .serach-page input.search-field { border: 1px solid #ccc; padding: 9px; } .serach_inner input.search-field { padding: 10px; font-size: 20px; font-style: italic; font-weight: normal; color: #3a4d5e; } .serach_inner input.search-submit { padding: 8px 35px; margin: 5px 0; font-size: 20px; } button.search-submit { border: 0; background: transparent; } input.search-field { border: none; padding: 4px 0; background: transparent; width: 95%; } .search-box i { background: #90c908; padding: 15px 10px; color: #fff; } .search-box{ text-align: right; } /* --------- Slider --------- */ #slider{ max-width:100%; margin:auto; padding: 0; background-color: #fff; } #slider img { width: 100%; opacity: 0.7; } #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon { width: auto; height: auto; background:transparent; } #slider .carousel-control-prev,#slider .carousel-control-next{ top:0; opacity: unset; } #slider i{ color: #3d4963; } #slider i:hover{ color:#90c908; } #slider .carousel-caption { transform: translateY(-50%); top: 52%; left: 15%; right: 15%; } #slider .inner_carousel h2 { margin: 0; font-size: 44px; letter-spacing: 1px; text-align: left; font-weight: 700; color: #3d4963; } #slider .inner_carousel p { font-size: 14px; line-height: 1.5; padding: 5px 0px 8px 0; color: #717a8d; } #slider .inner_carousel { color: #3d4963; text-align: left; } #slider .inner_carousel .read-btn { margin-top: 23px; } /* contact details */ #features { margin-top: -135px; text-align: center; padding: 10px 0; } .feature-box img, #category img { width: 100px; height: 100px; } .feature-box{ background: #fff; padding: 10px; margin: 10px 0; } .feature-box h4 a, #category .text-content h4 a{ color: #3d4963; } .feature-box p, #category .text-content p{ font-size: 13px; } .feature-box:hover{ background: #90c908; } #features .feature-box:hover a, #features .feature-box:hover p { color: #fff; } /*---------- our service -------*/ #category{ padding: 2% 0; text-align: center; } #category h3{ font-size: 30px; letter-spacing: 1px; color: #3d4963; font-weight: 600; margin: 0px; padding: 0 ; text-align: center; } #category hr { width: 50px; background: #90c908; padding: 1px; margin: 10px auto; } #category .text-content{ background: #fff; margin: 10px 0; } #category .text-content p{ padding:0 0 10px ; } .imagebox { height: 130px; width: 260px; border-bottom-left-radius: 130px; border-bottom-right-radius: 130px; background: #fff; margin: 0 auto; padding: 10px; } .imagebox:hover{ background:#90c908; } /*----------------- content page ----------------*/ .page-box { padding: 10px; border: 1px solid #3d4963; margin: 15px 0; text-align: center; } .page-box h4{ text-transform: capitalize; color: #90c908; padding: 0; font-size: 22px; } .page-box .new-text, .page-box-single .new-text{ padding:10px; } .page-box p, .page-box-single p{ margin:10px 0 !important; text-align: center; } .page-box-single img{ width: 100%; } #our-services .services-box{ margin:40px 0 20px 0; } .read-more-btn { margin: 20px 0; } .page-box .metabox, .page-box-single .metabox, .metabox a{ color:#3d4963; padding: 15px 0 5px; clear:both; } .metabox span { margin-right: 24px; font-size: 14px; margin-right: 10px; } .metabox i { margin-right: 5px; color: #90c908; } /* --------- content-single Page ------- */ .page-box-single h3{ font-weight: 600 !important; color: #3d4963 !important; margin: 0 0 10px 0 !important; padding: 0; } .page-box-single .metabox, .page-box-single p, .page-box-single h3{ text-align: left !important; } .page-box-single .box-image img{ width: 100%; } span.meta-nav { background: #3d4963; color: #fff; padding: 8px; } /* Headings */ section h2{ font-weight:bold; text-align:center; margin:0 0 45px; padding:0; text-transform:uppercase; } section h3{ font-weight:bold; text-transform:uppercase; } section h4{ color:#90c908; font-weight:bold; font-size:20px; } section h5{ color:#3890cb; font-weight:bold; font-size:24px; margin:0 0 10px 0; padding:0; } a.r_button { background: #3790ca; padding: 0.5em 2em; color: #fff; } section .innerlightbox{ background-size:100% 100%; padding: 3em 0; color:#8d96ae; } /* Footer Section */ #footer label{ width: 100%; } #footer .widget { padding: 5% 0; } .tagcloud a { color: #fff; } #footer input[type="search"] { width: 95%; border: none; padding: 7px 6px; border: solid 1px #90c908; color: #3a4d5e; } #footer input[type="submit"] { font-size: 10px; padding: 12px 8px; font-weight: bold; color: #fff; margin: 3px 0 0 0; font-size: 15px; width: 100% } #footer td#prev a { color: #fff; } table#wp-calendar { width: 100%; } #footer caption, #sideabr caption { font-weight: bold; color: #fff; font-size: 20px; } #footer table,#footer th,#footer td, #sidebar table,#sidebar th,#sidebar td { border: 1px solid #d1d1d1; text-align: center; } #sidebar td, #sidebar td#prev a, #sidebar th { color:#202020 !important; padding: 5px; } #footer td { padding: 7px; color: #fff; } #footer th, #sidebar th { text-align: center; padding: 10px; color: #fff; } #footer select, #sidebar select { padding: 8px 5px; color: #4d4d4d; } #footer li a { color: #fff; font-size: 12px; } #footer ul li { list-style: none; padding: 5px 0; } #footer ul { margin: 0; } #footer{ background:#3d4963; color:#fff; clear:both; } #footer h3{ letter-spacing: 1px; text-align:left; font-size:24px; text-transform: capitalize; font-weight: bold; padding:0 0 17px 0; color: #90c908; } #footer p{ font-size:14px; } #footer .news-form{ margin-top:24px; } #footer input[type="text"]{width:60%; padding:8px 5%; float:left; margin-right:2%; border-radius:5px; } #footer input[type="submit"] { padding: 6px 0; float: right; background: #90c908; border-radius: 0px; color: #fff; margin-top: -38px; } .copyright p { font-size: 15px; color: #fff; margin-bottom: 0; } .copyright p a{ color: #fff; } .copyright { background: #90c908; padding: 15px; text-align:center; } #footer .tagcloud a { border: 1px solid; color: #fff; font-size: 15px !important; padding: 5px 18px; margin: 0 2px 6px; display: inline-block; } #footer .tagcloud a:hover{ background-color: #90c908; } /* Comments BOX */ #comments { display: block; margin-top: 66px; } #comments h2.comments-title{ font-size:20px; font-weight:bold; border-top:2px dotted #7e7e7e; padding:40px 0 0 0; } #comments h3.comment-reply-title{ font-size:20px; font-weight:bold; clear:both; } #comments input[type="text"], #comments input[type="email"], #comments textarea{ width:100%; padding:12px 10px; font-size:18px; margin:20px 0 0 0; } #comments input[type="submit"].submit{ background:#3d4963 !important; padding:10px 50px; text-transform:normal; font-weight:bold; color: #fff; margin-top:20px; margin-left:0; border: none; } #comments a.comment-reply-link{ color:#90c908; background:#cecece; padding:5px 15px; } #comments a.comment-reply-link:hover{ background:rgb(21, 28, 39); color: #fff; } #comments a time{ color:#90c908; font-weight:bold; font-size:12px; } #content-ts #comments ol li{ width:100%; background:none;list-style:none; margin: 0 0 20px; background:#eee; display:inline-block; } #content-ts #comments ul{ margin:0 0 0 40px; } #comments .reply{ float:right; } #comments .comment-author{ width:100%; } #comments .comment-metadata{ width:90%; float:left; padding:1% 0 0 0; } #comments .comment-content{ width:90%; float:left; margin-left:7%; } #comments p { width:90%; float:left; } /*------------- Woocommerce --------------*/ .woocommerce ul.products li.product .button{ margin: 10px 0; } .woocommerce .products li { width: 30% !important; text-align: center; margin: 0px 22px 20px 0 !important; border: 1px solid #3d4963; } .woocommerce #sidebar { margin-top: 2em; } a.showcoupon, .woocommerce-message::before{ color: #3d4963; } .woocommerce-message { border-top-color: #3d4963; } .woocommerce span.onsale { background: #90c908; color: #fff; border-radius: 5px 21px; margin: 0 !important; } h2.woocommerce-loop-product__title{ color: #999; letter-spacing: 1px; font-weight: 500; font-size: 15px !important; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #90c908; } .woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{ margin-bottom: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background: #3d4963; color: #fff; border-radius: 30px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background: #90c908; color: #fff; } .woocommerce .quantity .qty { width: 5em; padding: 5px; border-radius: 0; border: solid 1px #90c908; color: #90c908; } .col-1,.col-2 { max-width: 100%; } nav.woocommerce-MyAccount-navigation ul { list-style: none; } nav.woocommerce-MyAccount-navigation ul li { background: #3d4963 !important; padding: 12px!important; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li a{ color: #fff; font-weight: bold; } .posted_in { display: block; } .woocommerce .woocommerce-ordering select{ padding: 10px; } span.woocommerce-input-wrapper, .woocommerce label { width: 100%; } .woocommerce-product-gallery__image{ padding: 2px; } /*------------- Sidebar -------------*/ #sidebar { margin-top: 2em; } #sidebar caption{ color: #90c908; } #sidebar form{ display: table; width: 100%; } #sidebar h3 { font-weight: bold; font-size: 25px; text-transform:capitalize !important; color: #90c908; text-align: left; padding: 10px; letter-spacing: 1px; } #sidebar input[type="search"] { border: solid 1px #bbb; padding: 9px 10px; font-size: 15px; color: #3d4963; width: 100%; margin-bottom: 15px; } #sidebar label{ width:100%; } #sidebar input[type="submit"]{ background: #3d4963; border: none; color: #fff; padding: 10px 0; letter-spacing: 2px; width: 100%; font-size: 18px; margin: 0; } #sidebar aside { padding: 1%; margin-bottom: 30px; border: 1px solid #3d4963; } #sidebar ul { list-style:none; margin:0; padding:10px; font-size: 12px; } #sidebar ul li{ font-size: 15px; margin: 5px 10px; text-transform: capitalize; } #sidebar ul li a{ border-radius: 2px; display: inline-block; padding: 5px 0; position: relative; color: #3a4d5e; } #sidebar ul li a:before{ background: #3a4d5e; content: ""; display: inline-block; height: 2px; margin-right: 12px; transition: all 0.15s ease-out 0s; vertical-align: middle; width: 8px; } #sidebar ul li a:hover:before{ background: #3d4963 !important; } #sidebar ul li a:hover{ padding-left: 7px ; position:relative; } #sidebar ul li a:hover, #sidebar ul li a:active, #sidebar ul li a:focus { text-decoration: none; transition: all 500ms ease 0s; color: #3d4963 !important; text-decoration: none !important; transition: all .3s; } label{ margin-bottom: 0px; } #sidebar .tagcloud a{ border:1px solid #999; color: #3a4d5e; font-size: 15px !important; padding: 5px 18px; margin: 0 2px 6px; display: inline-block; } #sidebar .tagcloud a:hover{ background:#3d4963; color: #fff; } img.rss-widget-icon { width: auto !important; } #sidebar .woocommerce ul.product_list_widget li img { width: 40%; } /* Page */ h1.entry-title, h1.page-title { text-align: left; margin-bottom: 10px; color: #3d4963; } #content-ts p{ line-height: 25px; font-size: 16px; margin:0 0 20px 0; } #content-ts hr{ clear:both; } #content-ts h2{ font-size:32px; font-weight:normal; margin:0; padding:0; color:#90c908; margin:0 0 25px; } #content-ts h3{ font-size:36px; font-weight:normal; margin:0; padding:0; color:#90c908; margin:0 0 25px; } #content-ts h4{ font-size:20px; font-weight:bold; margin:0; padding:0; color:#333; margin:0 0 25px; } #content-ts ul{list-style:none; margin:0 0 0 10px; padding:10px 0 0; font-size:16px; } #content-ts ul li{ padding:0; margin:0 0 10px 0; line-height:25px; } #content-ts ol{list-style: none; padding:10px 0 0 0; font-size:16px; counter-reset: myCounter; } #content-ts ol li{ padding:0 0 0 0; margin:0 0 20px 0; } /* Pagination */ .nav-previous { float: left; width: 50%; font-size: 15px; } .nav-next { float: right; font-size: 15px; width: 50%; } .pagination { clear:both; position:relative; font-size:14px; line-height:13px; float:right; font-weight:bold; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:10px 15px; text-decoration:none; width:auto; color:#90c908; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .pagination a:hover{ color:#90c908; background: #3d4963; } .pagination .current{ padding:10px 15px; background: #3d4963; color:#90c908; font-weight:bold; } /* Media */ @media screen and (max-width: 768px) and (min-width: 720px){ #sidebar th, #sidebar td{ padding: 0px; } .woocommerce .products li { width: 45% !important; } #slider .inner_carousel h2 { font-size: 30px; padding: 0px 2px; font-weight: 500; } #slider .inner_carousel p, #category .text-content p { display: none; } #slider .carousel-caption { top: 46%; } } @media screen and (max-width:720px) { .page-template-custom-front-page #header{ position: static; } #header, #header .logo h1, #slider .inner_carousel, .search-box{ text-align: center; } #slider .inner_carousel p, #slider .inner_carousel h2 { display: none; } #comments input[type="submit"].submit{ width: 100% !important; } section .innerlightbox { padding: 0; } #features{ margin: 0; } .swing a{ width:100%; color:#fff; background:url('images/mobile_nav_right.png') no-repeat right center #3d4963; padding:10px 10px; font-size:16px; border-bottom: 1px solid #fff; text-align: left; } .swing a.swingmenu { display: block; } .swing a.swingmenu { display: block; } #header nav{ float:none; margin:0; position:absolute; z-index:999; overflow-x:hidden; width: 100%; left: 0; top:15em; } .menu { float: none; } .menu-item{ display: block; float: none; transform: translateX(-100%); transition: all .3s ease-out; } .menu-item_play { display: block; transform: translateX(0); } .menu-item a { padding:10px; background: #3d4963; border-bottom: 1px solid #fff; } #header nav ul li a{ color: #fff; } #header nav ul li{ border-top:1px #5f5f5f solid; display:block; float:none; text-align:left; } nav ul li a{ padding:5px 10px; display:block; color:#ffffff !important; } nav ul li a:hover{ color:#ff8a00; } nav ul li ul, nav ul li ul ul{ display:block !important; } nav ul li ul li a:before{ content:"\00BB \00a0"; } nav ul li ul li a{ padding-left:20px !important; } nav ul li ul li ul li a{ padding-left:30px !important; } #footer input[type="submit"] { padding: 6px 0; float: right; border-radius: 0px; color: #fff; margin-top: 4px; margin-bottom: 10px; } #contact-details, .address, .time, .book-btn{ margin: 10px; } .address, .time, .logo p{ text-align: center; } } @media screen and (min-width:720px){ .swing a.swingmenu { display: none; } #header nav ul li ul{ display:none; z-index:2; font-weight:normal; margin-top:12px; } #header nav ul li:hover > ul{ display:block; background:#3d4963; width:200px; position:absolute; top:35px; left:0; text-align:left; z-index:99; } #header nav ul.sub-menu li a, #header nav ul.children li a{ text-align: left !important; } #header nav ul li:hover > ul li{ display:block; width: 100%; } #header nav ul li:hover > ul li a{ color:#ffffff; border-bottom: solid 1px #fff; } #header nav ul li:hover ul li ul{ display:none; } #header nav ul li:hover ul li:hover > ul{ display:block; position:absolute; left:200px; top:0px; } #header nav ul.sub-menu li a{ margin-top:0px; } #header nav ul li a{ padding: 15px 16px; display: block; letter-spacing: 1px; font-size: 14px; } #header nav ul li a:hover, #header .current-menu-item{ color: #90c908; } #header nav ul.sub-menu li a, #header nav ul.children li a{ border:none; } #footer input[type="submit"]{ width: 100%; float: none; margin-top: 5px; } #footer input[type="search"]{ width: 100%; } #footer th, #footer td{ padding: 0px; } } @media screen and (max-width: 425px){ #footer input[type="search"]{ width: 100%; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width: 100% !important; float: none !important; } #slider .carousel-caption{ right: 0; left: 0; top:45%; } #slider .carousel-control-prev, #slider .carousel-control-next{ top:0; } #slider .carousel-control-prev{ left: 5%; } .social-icons i{ margin-left: 10px; } .social-icons, .mail{ text-align: center; margin-bottom: 10px; } } @media screen and (min-width: 426px) and (max-width: 767px){ #slider .carousel-caption{ top:40%; } #slider .carousel-control-prev, #slider .carousel-control-next{ top:auto; } #slider .carousel-control-prev{ left: 70%; } .top-header{ background-image: none; background-color: #90c908; padding: 10px 0; } .social-icons, .mail{ text-align: center; margin-bottom: 10px; } .social-icons i{ margin-left: 10px; } } @media screen and (min-width: 768px) and (max-width: 999px){ #slider .inner_carousel p{ display: none; } #features{ margin: 0; } .page-template-custom-front-page #header{ position: static; } } @media screen and (min-width: 1000px) and (max-width: 1024px){ #footer input[type="submit"]{ margin-top: 5px; } #footer th, #footer td{ padding: 4px; } #sidebar th, #sidebar td{ padding: 0px; } #features{ margin: 0; } }