add_action('wp_footer', function () { echo ''; }, 99); .blog-container img { max-width: 100%; width: 1000px; height: auto; display: block; } .blog-header .nav { float: right; margin-top: 20px; } .blog-header .blog-logo img { max-width: 100%; height: 100px; margin-top: -20px; } .bottom-footer figure img { margin: auto; max-width: 100%; height: 80px; } .logo img { max-width: 100%; max-height: 600px; width: 500px; } .top-navigation .sub-menu { position: absolute; top: 79px; left: 0; background-color: #777777; padding-left: 0; display: none; } .fixed-menu-logo img { max-width: 100%; max-height: 80px; } .fixed-menu { position: fixed; z-index: 9999; background-color: rgba(45, 87, 181, 0.88); width: 100%; display: none; } ::-webkit-scrollbar-thumb { background-color: #000000; } ::-webkit-scrollbar-track { background-color: #ffffff; } .featured-content .btn:hover { background-color: #fa2131; color: white; } .featured-content .btn { border-color: #fa2131; color: #fa2131; margin-top: 2em; } .featured-content .featured-line { width: 300px; height: 2px; background-color: #fa2131; margin: auto; margin-top: 2em; margin-bottom: 2em; } .heading-line { width: 50px; height: 2px; background-color: #fa2131; margin: auto; } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: white; text-align: center; background-color: #fa2131; -webkit-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease; -webkit-transition-delay: 1s; transition-delay: 1s; } .custom-header { height: 170px; padding-top: 6em; color: white; background-color: rgba(250, 33, 49, 0.82); display: none; } a:hover, a:focus { color:#fa2131; text-decoration: underline; } #blog{ display:none; } .section-contact { padding-top: 3em; } .featured-content .featured-text { width: 70%; margin: auto; text-transform:uppercase; } .p-country-name{ font-weight:0%; margin-left:160px; } .portfolioContainer { margin-top: 1em; } .section-service:before { background: #fb7902; width: 100%; height: 100%; position: absolute; content: ""; opacity: .9; margin-top: -5em; } .service-wrap{ margin-left:150px; } .service-icon img { width: 100%; height: 250px; margin: auto; } h3, .h3 { font-size: 25px; } .powered{ font-family: Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; margin-top:10px; color:#aaaaaa; float:right; } @media (max-width:480px){ .service-wrap{ margin:auto; } .u-photo{ float:left; } .powered{ font-family: Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; margin-top:10px; color:#aaaaaa; float:left !important; margin-left: -50px !important; } } @media (max-width:600px){ .service-wrap{ margin:auto; } .powered{ font-family: Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; margin-top:10px; color:#aaaaaa; float:left; margin-left:20px; } .service-icon img { width: 100%; height: 100%; margin: auto; } } @media (max-width: 768px){ .service-wrap{ margin:auto; } .service-icon img { width: 100%; height: 100%; margin: auto; } .u-photo{ float:left; } .powered{ font-family: Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; margin-top:10px; color:#aaaaaa; float:left !important; margin-left: -50px !important; } } .service-head, .desc{ color:#fff !important; } .fixed-menu{ background-color:rgba(45,87,181,0.76) !important; color:#243B7E !important; } input[type="submit"]{ border-radius:3px; } .blog-header, .sub-menu{ background-color:rgba(45,87,181,0.76) !important; } .unstyled { margin: 0; padding: 0; list-style-type: none; } .centered { width: auto; } .text-center { text-align: center; } .control-inline label { display: inline; font-size:15px; width: 600px; } :not(#foo) .styled-checkbox { position: absolute; opacity: 0; } :not(#foo) .styled-checkbox + label { position: relative; cursor: pointer; padding: 0; } :not(#foo) .styled-checkbox + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: white; border: 2px solid #fa2131; } :not(#foo) .styled-checkbox:focus + label:before, :not(#foo) .styled-checkbox:hover + label:before { background: #f35429; box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12); } :not(#foo) .styled-checkbox:checked + label:before { background: #f35429; } :not(#foo) .styled-checkbox.disabled + label, :not(#foo) .styled-checkbox[disabled] + label { color: #b8b8b8; } :not(#foo) .styled-checkbox.disabled + label:before, :not(#foo) .styled-checkbox[disabled] + label:before { box-shadow: none; background: #ddd; } :not(#foo) .styled-checkbox:checked + label:after { content: ''; position: absolute; left: 6px; top: 9px; background: white; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .btn-default { display:none; } .extra-service-wrap { clear: both; padding-top: 0px; } .service-wrap .service-context { margin-bottom: 4em; background-image: url("http://www.ewl-engineering.com/wp-content/uploads/2016/04/bg.png"); padding: 10px; margin-right: 10px; height: 500px; } .service-head, .desc{ color: #000 !important; }