/*	This is used when you are making a website with individual css for each page
	NOTE: Use the master css for any items that you want to be constant throughout the website
*/
#hdrImg{ background:#1b4572 url("/styles/stylesets/201809caravanfitment/images/hdr2.jpg") center center; transition: 0.5s;}
#serviceBullets1{display: inline-block; vertical-align: top; width: 45%;}
#serviceBullets2{display: inline-block; vertical-align: top; width: 45%;}
#fancybox_15{text-align: left !important;}
#fancybox_16{text-align: left !important;}
#serviceSec1{display: inline-block; vertical-align: middle; width: 45%; text-align: justify;}
#serviceSec2{display: inline-block; vertical-align: middle; width: 40%; margin: 0 0 0 20px;}

.gallery{border-radius: 5px;overflow: hidden;position: relative; border-radius: 10px; height: 121px;z-index: 1;transition: all 0.3s ease 0s; text-align: right; font-family: 'Comfortaa', cursive, sans-serif;border: 3px solid #ffffff !important;}
.box-content{display: block; position: absolute; right: 20px; bottom: 20px;}
.galleryImg{display: block;}
.gallery:hover{border: 3px solid #006cb6 !important; border-radius: 10px ; }
.gallery img{border-radius: 10px ; }
.gallery:hover img{ filter: grayscale(100%); }

.galleryTitle{display: block; font-size: 1.1em; color: #000000; background: rgba(255,255,255,0.8); padding: 10px; border-radius: 5px;}
.gallery a:link, .gallery a:visited{text-decoration:none; display: block; font-size: 1.1em; color: #000000;}
.gallery a:hover, .gallery a:active{text-decoration:none; display: block; font-size: 1.1em; color: #000000;}

@media screen and (max-width:1200px){
    
}

@media screen and (max-width:1100px){
    
}

@media screen and (max-width:1000px){
   #hdrImg{background:#1b4572 url("/classes/timthumb.php?w=1000&h=500&zc=1&q=85&src=/styles/stylesets/201809caravanfitment/images/hdr2.jpg") repeat center center;}    
}

@media screen and (max-width:900px){
    #serviceSec1{width: 50%;text-align: left;}
    #serviceSec2{width: 48%; margin: 0 0 0 10px;}
    .gallery{height: auto;}
}

@media screen and (max-width:800px){
  #hdrImg{background:#1b4572 url("/classes/timthumb.php?w=800&h=500&zc=1&q=75&src=/styles/stylesets/201809caravanfitment/images/hdr2.jpg") repeat center center;} 
  #serviceBullets1{display: block; width: auto}
  #serviceBullets2{display: block; width: auto; margin: -13px auto 0;}  
  #serviceSec1{display: block; width: auto; text-align: left;}
  #serviceSec2{display: block; width: auto; margin: 10px 0 0 0;}
}

@media screen and (max-width:700px){
    
}

@media screen and (max-width:600px){
  #hdrImg{background:#1b4572 url("/classes/timthumb.php?w=600&h=500&zc=1&q=65&src=/styles/stylesets/201809caravanfitment/images/hdr2.jpg") repeat center center;}      
}

@media screen and (max-width:500px){
    
}

@media screen and (max-width:400px){
    .gallery{height: 90px;}
    
}

@media screen and (max-width:360px){
    .gallery{height: 80px;}
}