@media(min-width:1025px) {
header .main-navigation .menu li.menu-item:hover a,
header .main-navigation .menu li.menu-item ul.sub-menu li a:hover {
color: var(--color-orange);
}
header .main-navigation .menu li.menu-item-has-children:hover a:after {
border-color: var(--color-orange);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: 8px;
}
header .main-navigation .menu li.contact-us a:hover {
background: var(--color-wh);
color: var(--color-orange);
}
header .contact-links a:hover {
color: var(--color-orange);
text-decoration: none;
}
header .contact-links a.mail:hover:before {
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/mail-hover.svg) center no-repeat;
}
header .contact-links a.phone:hover:before {
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/call-hover.svg) center no-repeat;
}
.footer-menu ul li a:hover {
color: var(--color-orange);
}
.btn:hover {
color: var(--color-orange);
background: var(--color-wh);
border: 2px solid var(--color-orange);
}
.blue-btn:hover {
background: var(--color-blue);
color: var(--color-wh);
border: 2px solid var(--color-blue);
}
.cont-phone a:hover {
color: var(--color-orange);
}
.cont-email a:hover {
color: var(--color-orange);
}
.cont-phone a:hover:after {
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/phone-wh-ho.svg) no-repeat 0 0;
}
.cont-email a:hover:after {
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/email-wh-ho.svg) no-repeat 0 0;
}
input[type="submit"].wpcf7-submit:hover {
color: var(--color-orange);
background: var(--color-wh);
border: 2px solid var(--color-orange);
}
.about-con p a:hover,
.about-con ul li a:hover,
.about-con ol li a:hover {
color: var(--color-orange);
}
.site-info a:hover{
text-decoration: none;
color: var(--color-orange);
}
}
@media(max-width:1400px) { .service-box {
width: 250px;
height: 250px;
}
.service-box h3 {
font-size: 21px;
}
.service-icon img {
max-width: 120px;
}  .footer-menu ul li {
padding: 0px 15px;
} }
@media(max-width:1199px) { header {
height: 112px;
}
header .header-row {
box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
}
header .main-navigation {
display: none;
}
header .header-right .menu-toggle {
display: block;
}
.desktop-view {
display: none;
}
.mobile-view {
display: block;
}
header .header-inn {
padding: 20px 0px;
}
header .header-inn .site-branding {
margin-top: 0px;
}
header .menu-toggle {
position: relative;
top: 15px;
right: 0px;
width: 40px;
height: 40px;
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/menu-outline.svg) center no-repeat;
display: inline-block;
border: 0px;
padding: 0px;
outline: none;
box-shadow: none;
}
header .mobile-menu {
display: block;
position: fixed;
left: 100%;
top: 0px;
width: 100%;
height: 100%;
background: var(--color-wh);
z-index: 9;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
body.menu-open header .mobile-menu {
left: 0%;
}
header .mobile-menu .menu-inn {
padding: 20px 0px;
position: relative;
}
header .mobile-menu .menu-inn .menu-close {
width: 40px;
height: 40px;
display: inline-block;
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/close-outline.svg) center no-repeat;
position: absolute;
top: 35px;
right: 0px;
}
header .mobile-menu .menu {
margin-top: 30px;
max-height: calc(100vh - 200px);
overflow-y: auto;
}
header .mobile-menu .menu li {
position: relative;
padding: 10px 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
header .mobile-menu .menu li a {
font-size: 18px;
font-weight: 400;
line-height: 1;
color: var(--color-black);
position: relative;
}
header .mobile-menu .menu li a.act{color: var(--color-orange);}
header .mobile-menu .menu li.menu-item-has-children a {
padding-right: 20px;
}
header .mobile-menu .menu li.menu-item-has-children a:after {
content: "";
position: absolute;
right: 0px;
top: 5px;
border-width: 0.15em 0.15em 0px 0px;
border-style: solid;
border-color: var(--color-black);
padding: 3px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
header .mobile-menu .menu li.menu-item-has-children.sub-menu-open a:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: 10px;
}
header .mobile-menu .menu li.menu-item-has-children a.act:after,
header .mobile-menu .menu li.menu-item-has-children.sub-menu-open a.act:after{
border-color: var(--color-orange);
}
header .mobile-menu .menu li ul.sub-menu {
display: none;
padding-left: 15px;
margin-top: 10px
}
header .mobile-menu .menu li.sub-menu-open ul.sub-menu {
display: block;
}
header .mobile-menu .menu li ul.sub-menu li a {
font-size: 16px;
}
header .mobile-menu .menu li ul.sub-menu li {
padding: 5px 0px;
border-bottom: 0px;
}
header .mobile-menu .menu li ul.sub-menu li a:after {
display: none;
}
header .mobile-menu .contact-links {
text-align: center;
margin-top: 20px;
}
header .mobile-menu .contact-links a {
margin: 10px 15px;
display: inline-block;
}  .banner h1 {
font-size: 55px;
}  .aboutus-section {
padding: 40px 0px 40px 0px;
}
.about-con h2 {
font-size: 26px;
}  .service-box {
width: 200px;
height: 200px;
}
.service-box h3 {
font-size:21px;
padding:0 25px;
}
.service-icon img {
max-width: 80px;
max-height: 80px;
}
.ourservices-section h2 {
margin-bottom: 40px;
}  .whatourcustomers-list .slick-list{
overflow:hidden;
}
.whatourcustomers-section {
padding: 80px 0 80px 0;
}
.slick-arrow { 
position: absolute; 
top: 50%; 
transform: translateY(-50%); 
-webkit-transform: translateY(-50%); 
width: 40px; 
height: 40px; 
padding: 0; 
border: 2px solid var(--color-orange); 
z-index: 1; 
text-indent: -10000px; 
border-radius: 5px; 
}
.slick-arrow.slick-prev{ 
background: #fff url(//eliteglasspolishing.uk/wp-content/themes/egp/images/left-arrow.svg) no-repeat center; 
left: -10px; 
background-size: 15px auto; 
}
.slick-arrow.slick-next{ 
background: #fff url(//eliteglasspolishing.uk/wp-content/themes/egp/images/right-arrow.svg) no-repeat center; 
right: -10px; 
background-size: 15px auto; 
}
.whatourcustomers-list .slick-list{
margin:0 -12px;
width: auto;
max-width: inherit;
}
.whatourcustomers-list .slick-slide{
padding:12px;
}
.whatourcustomers-section {
padding:80px 0 68px 0;
}
.whatourcustomers-list {
padding:47px 0 0 0;
}
.row.review-slider{
margin:0;
}
.whatourcustomers-box {
box-shadow: 0px 3.48993px 12px rgba(0,0,0,0.25);
}  .footer-menu ul li {
padding: 0px 6px;
} }
@media(max-width:991px) { .banner h1 {
font-size: 45px;
}  .service-box {
width: 150px;
height: 150px;
}
.service-icon img {
max-width: 60px;
max-height: 60px;
}
.service-box h3 {
margin-top: 15px;
font-size: 18px;
}
.ourservices-con {
margin-top: 30px;
}
.ourservices-section {
padding: 60px 0px 60px 0px;
}  .whatourcustomers-section {
padding: 60px 0;
}  .pricing-section {
padding: 60px 0;
}  .contactinfo-section {
padding: 60px 0;
}
.conatct-form {
padding: 50px;
}
.contacttext-box {
padding: 30px 0 0 0;
}
.contacttextarea-box,
.contactsubmit-box {
padding: 30px 0 0 0;
}
.cont-address {
margin: 10px 0 0 0;
}  .footer-menu ul {
justify-content: center;
}
.footer-wrapper {
flex-wrap: wrap;
}
.site-info {
text-align: center;
}
.footer-logo {
margin: 15px 0px 15px 0px;
}
.contactsubmit-box p{
margin-top: 30px;
}
.ourservices-section h2{
font-size: 26px;
} }
@media(max-width:767px) { header {
height: 86px;
}
header .contact-links a.mail:before {
top: 3px;
}
header .header-inn {
padding: 15px 0px;
}
header .header-inn .site-branding {
max-width: 150px;
}
header .menu-toggle {
top: 16px;
}
header .mobile-menu .menu-inn .menu-close {
top: 30px;
}  .banner h1 {
font-size: 35px;
}
.banner img {
height: 500px;
}
.banner-btn .org-btn {
margin-right: 5px;
}
.org-btn {
padding: 20px 20px 20px 20px;
}
.blue-btn {
padding: 18px 13px 18px 13px;
}
.banner-btn .org-btn {
margin-right: 10px;
}  .about-img {
margin-bottom: 20px;
text-align: center;
}  .whatourcustomers-section h2 {
font-size: 26px;
}
.whatourcustomers-section {
padding: 40px 0;
}
.whatourcustomers-list {
padding: 40px 0 0 0;
}
.whatourcustomers-list .row{
margin: 0px;
}  .pricing-section {
padding: 40px 0;
}
.pricing-section h3 {
font-size: 26px;
}
.pricing-section .accordion-button {
padding: 15px 50px 15px 15px;
font-size: 20px;
}
.pricing-section .accordion-button:after {
width: 50px;
height: 54px;
background-size: 20px auto;
}
.pricing-section .accordion-button:not(.collapsed):after {
background-size: 20px auto;
}  .contactinfo-section {
padding: 40px 0;
}
.contactinfo-wrap h3 {
max-width: 250px;
font-size: 30px;
line-height: 40px;
}
.conatct-form {
padding: 40px 30px;
margin: 40px 0 0 0;
}
.contacttext-box {
padding: 20px 0 0 0;
}
.contacttextarea-box,
.contactsubmit-box {
padding: 20px 0 0 0;
}
.cont-address {
margin: 30px 0 0 0;
}  .footer-wrapper {
flex-wrap: wrap;
}
.footer-menu ul li {
padding: 0px 12px;
}
.ourservices-section .col-md-3{
margin-bottom: 0px;
}
.service-box{
margin: 0px auto;
}
.ourservices-section .row{
margin: 0px;	
}
.ourservices-section .slick-list{
max-width: 352px;
margin: 0px auto;
}
.contactsubmit-box p{
margin-top: 25px;
} }