/* For 768px */
@media only screen and (min-width:768px) {
	.container { max-width:750px }  

	/*=========================== Header ==================================*/ 
	.header-quicklinks { padding:10px 0 40px; background:url(../../graphics/shadow-header-desktop.png) top center no-repeat; -webkit-background-size:115% 90%; background-size:115% 90% }
	.home li:first-child { margin-right:15px }
	.britain { color:#fff }
	.britain span { font-size:1rem }
	.britain span strong:first-child { font-family:'apex_newmedium' }
	.britain span strong:last-child { font-family:'apex_newmedium' }
	.icon-britain { background-position:-26px 0; width:22px; height:21px; vertical-align:text-top; margin-left:8px }
	.call-us { font-size:1.3rem; margin-bottom:9px }
	.logo { width:257px; top:10px }
	.header-social { padding-top:11px }
	.header-navigation { padding:31px 0 7px; margin-top:-40px }
	.menu li { margin-right:23px }
	.contact li { margin-left:28px }
	
	/*=========================== Content Area ==================================*/
	.content { padding:30px 0 41px }
	h1 { font-size:1.9rem; margin-bottom:20px }
	h2 { font-size:1.6rem; margin-bottom:32px }
	ul { padding-left:29px }
	ul li { margin-bottom:10px; font-size:1.1rem; line-height:1.3 }
	p { line-height:1.5; margin-bottom:19px }	 
	
	/*=========================== Explanation ==================================*/
	.explanation-images { width:290px; margin-left:17px }
	.explanation-images figure { margin-bottom:16px }
	
	/*========================== Project Quotation =====================*/
	.gallery,.quote { margin:0 }
	.project-quotation { padding:10px 0 5px }
	.btn-link { padding:13px 0; font-size:1.9rem; width:94% }
	.btn-link:after { width:40px; height:40px }
	
	/*=========================== Homepage ==================================*/
	.banner { padding-bottom:22px }
	.carousel-inner { padding-bottom:35px }
	.carousel-item img { height:327px }
	.carousel-caption { top:auto; bottom:0; border:none }
	.carousel-caption { padding:7px 0 7px; background-color:rgba(0,0,0,0.4) }
	.carousel-caption span { font-size:1.1rem }
	
	.service span { font-size:1.2rem }
	.services-wrapper { padding-bottom:40px }
	.services-offered .quote { width:39%; position:absolute; top:0; left:0 }
	.services-offered .works { width:100% }
	.services-offered .works .btn-link { width:calc(100% - 30px) }
	
	.works ul { padding:2px 0 }
	.works ul li  { margin-bottom:0; list-style:none; margin-left:4px; width:7.7% }
	.works ul li:before  { display:none }
	.works ul a em  { transition:0.4s ease; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7) }
	.icon-brick  { background-position:-209px -51px; width:67px; height:50px; transition:0.2s ease }
	.works ul a:hover .icon-brick  { background-position:-209px -122px }
	.icon-shoes  { background-position:-300px -54px; width:50px; height:42px }
	.works ul a:hover .icon-shoes  { background-position:-300px -124px }
	.icon-carrier  { background-position:-368px -54px; width:64px; height:44px }
	.works ul a:hover .icon-carrier  { background-position:-368px -124px }
	.icon-brush  { background-position:-458px -56px; width:48px; height:44px }
	.works ul a:hover .icon-brush  { background-position:-458px -127px }
	.icon-engineer  { background-position:-524px -54px; width:46px; height:49px }
	.works ul a:hover .icon-engineer  { background-position:-524px -124px }
	.icon-tractor  { background-position:-590px -56px; width:60px; height:44px }
	.works ul a:hover .icon-tractor  { background-position:-590px -126px }
	.icon-cement  { background-position:-661px -54px; width:65px; height:41px }
	.works ul a:hover .icon-cement  { background-position:-661px -124px }
	.info-text p:last-child { width:700px; margin:0 auto 17px }

	/*=========================== Gallery ===========================*/
	.gallery-page .quote { width:50%; margin-left:10px }
	
	/*=========================== Service Page ===========================*/
	.service-page .content .row ul  { padding-left:23px; width:330px }
	.service-page .content .row ul li { margin-bottom:6px }

	/*=========================== Footer ==================================*/
	.footer-accordion .footer-links .collapse:not(.show) { display:block }
	.footer-accordion { padding:5px 15px 13px 22px }
	.footer .footer-dropdown li a { font-size:0.9rem; margin-bottom:0 }
	.accordion-links .hamburger { display:none }
	.footer-navigation { padding:12px 0 15px }
	.footer-accordion .footer-links:first-child { margin-right:34px }
	.footer .footer-dropdown { padding:12px 0 0 }
	.footer .footer-links li { margin-bottom:2px }
	.footer-links li a,.footer-links li address { font-family:'apex_newlight'; font-size:0.8rem; color:#ffffff; text-transform:capitalize }
	.footer-dropdown address { margin-bottom:5px }
	.footer-links li a:hover { color:#83B6E6 }
	.footer-links li address { margin-top:3px }
	.footer-logos { padding:8px 0 10px }
	.footer-social { margin-right:0px }
	.footer-social li { margin:0 12px 0 0 }
	.footer-social li:last-child { margin-left:10px }
	.credit-cards li { margin:0 -12px 0 7px }
	.copyright div { font-size:0.9rem }
	.business-partners li:nth-child(3) { width:78px }
	.business-partners li:last-child { width:40px }
	.footer-links > div > a { pointer-events:none }
	.footer .business-partners { padding-top:9px }
}


/*FOR 992PX*/
@media only screen and (min-width:992px)  {
	.navbar-expand-lg .navbar-nav .nav-link { padding-right:3px }
	.dropdown-toggle::before,.dropdown-toggle::after  { display:none }
    .header-social { padding-top:0 }
	.header-quicklinks { padding-bottom:25px }
	.call-us { font-size:1.2rem; margin-bottom:0; position:relative; top:-2px }
	.header-social li { margin-left:8px }
	/*Hiding the dropdown icon*/
    .dropdown-menu { background-color:#d4d4d4; -webkit-box-shadow:0 1px 8px rgba(0,0,0,0.5); -moz-box-shadow:0 1px 8px rgba(0,0,0,0.5); box-shadow:0 1px 8px rgba(0,0,0,0.5); border-radius:0; margin:0 }
    .dropdown-item { padding:5px 20px }
    .header-quicklinks { padding:9px 0 65px; background:url(../../graphics/shadow-header-desktop.png) top center no-repeat; -webkit-background-size:100% 100%; background-size:100% 100% }
	.header-navigation { padding:15px 0 2px; margin-top:-35px }
	.footer-accordion .container { padding:0 15px }
    .dropdown-toggle { display:none; }
	.nav-link:hover + .dropdown-menu { display:block;  }
	.navbar-nav li.nav-item:hover .dropdown-menu { display:block }
}


/*FOR 1200PX*/
@media only screen and (min-width:1200px) {
	.navbar-expand-lg .navbar-nav .nav-link { padding-right:0.5rem }
	.header-quicklinks { padding:9px 0 81px }
	.home li:first-child { margin-right:36px }
	.call-us { font-size:1.4rem; margin-right:0px }
	.britain span { font-size:1rem }
	.logo { width:340px; top:10px }
	.contact-links li { margin-left:16px }
	.header-navigation { padding:28px 0 2px }
	.navbar-collapse { padding:0 }
	.navbar-expand-lg .navbar-nav .nav-link { padding:7px 0 }
	.navbar-light .navbar-nav .nav-link { font-size:1.5rem }
	.project-links li { margin-right:24px }
	.testimonial-links li { margin-left:22px }
	.navbar .testimonial-links .nav-link { font-size:1.3rem !important }

	.container { max-width:1200px }

	.content { padding:29px 0 60px }
	h1 { font-size:2.5rem; margin-bottom:20px }
	h2 { font-size:2rem; width:88%; margin-bottom:27px }
	ul { padding-bottom:46px }
	ul li { font-size:1.1rem; line-height:1.3; margin-bottom:15px }
	p { font-size:1.2rem; line-height:1.5; margin-bottom:17px }
	
	/*=========================== Explanation ==================================*/
	.explanation-images { width:470px; margin-left:30px }
	figcaption { margin-bottom:26px }
	figcaption strong { font-size:1.2rem; margin-top:6px }
	.project-quotation { padding:21px 0 5px }
	.btn-link { font-size:2.5rem; height:66px }
	.btn-link:after { width:47px; height:47px }
	
	/*=========================== Homepage ==================================*/
	.info-text { width:1000px; margin:0 auto }
	.info-text p { font-size:1.3rem; line-height:1.3 }
	.info-text p:last-child { width:auto }
	.banner { padding-bottom:27px }
	.carousel-item img { height:auto }
	.carousel-caption { padding:9px 0 8px }
	.carousel-caption span { font-size:1.2rem }
	.carousel-control-prev { left:43% }
	.carousel-control-next { right:43% }
	.homepage h2 { margin-bottom:27px }
	.service span { font-size:1.6rem }
	.works ul li { margin-left:24px; width:auto }
	.works ul a em { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
	.services-wrapper { padding-bottom:50px }
	.services-offered { max-width:1170px; margin:0 auto 40px }
	.services-offered .quote { width:49% }
	
	/*------------------------------ Gallery --------------------------------*/	
	.gallery-page .quote  { width:49%; margin-left:26px }
	
	/*=========================== Service ===========================*/
	.service-page .content .row ul  { padding-left:26px; width:auto }

	/* Footer Styling Start */
	.footer-navigation { padding:12px 0 14px }
	.footer-menu { margin-right:113px }
	.footer .footer-links li { margin-bottom:0 }
	.footer-links li a,.footer-links li address { font-size:0.9rem }
	.footer-social { margin-right:67px }
	.worldpay { width:156px; margin:0 21px 0 0 }
	.credit-cards [class^="icon-"], .credit-cards [class*="icon-"] { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
	.credit-cards li { margin:0 0px 0 7px }
	.business-partners li { margin:0px 5px 0 14px }
	.business-partners li:nth-child(3) { width:89px }
	.copyright { margin-top:-15px }
	.copyright div { font-size:1rem }
	.copyright .desingers { font-size:1rem }
	.footer-accordion { padding:5px 15px 9px 22px }
	.footer-accordion .footer-links:first-child { margin-right:17px }
	.footer .footer-dropdown { padding-top:8px }
	.footer-logos { padding-top:0 }
}