header {background: #fff;}


/*about*/
.about {padding: 50px 0px 70px;}
.about h5 {color: #212121; font-size: 14px; margin-top: 10px;}
.about h3 {color: #2196f2; font-size: 32px; line-height: 48px; margin-top: 15px; margin-bottom: 20px; width: 80%;}
.about p {color: #627293; font-size: 14px; line-height: 28px; margin-bottom: 20px;}

.tz-gallery .bx {position: relative; margin-top: 30px;}
.tz-gallery .lightbox img {width: 100%; border-radius: 0; position: relative;}
.tz-gallery .lightbox:before {position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; opacity: 0; color: #fff; font-size: 24px; font-family: 'Glyphicons Halflings'; content: '\e003'; pointer-events: none; z-index: 9000; transition: 0.4s;}
.tz-gallery .lightbox:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(46, 132, 206, 0.7); content: ''; transition: 0.4s;}
.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {opacity: 1;}
.baguetteBox-button {background-color: transparent !important;}

.simple-pagination ul {margin: 0 0 20px; padding: 0; list-style: none; text-align: center;}
.simple-pagination li {display: inline-block; margin-right: 5px;}
.simple-pagination li a,
.simple-pagination li span {color: #666; padding: 5px 10px; text-decoration: none; border: 1px solid #EEE; background-color: #FFF; box-shadow: 0px 0px 10px 0px #EEE;}
.simple-pagination .current {color: #FFF; background-color: #293c72; border-color: #293c72;}
.simple-pagination .prev.current,
.simple-pagination .next.current {background: #2096f2;}





@media only screen and (min-width : 1920px) and (max-width : 2560px){


}
@media only screen and (min-width : 1600px) and (max-width : 1919px){


}
@media only screen and (min-width : 1440px) and (max-width : 1599px){


}
@media only screen and (min-width : 1366px) and (max-width : 1439px){


}
@media only screen and (min-width : 1280px) and (max-width : 1365px){
.about h3 {font-size: 30px;}


}
@media only screen and (min-width : 1200px) and (max-width : 1279px){
.about h3 {font-size: 30px;}


}
@media only screen and (min-width : 1024px) and (max-width : 1199px){
.about {padding: 40px 0px 60px;}
.about h3 {font-size: 30px; width: 100%;}


}
@media only screen and (min-width : 768px) and (max-width :1023px){
.about {padding: 30px 0px 50px;}
.about h3 {font-size: 30px; width: 100%;}
.img_hov{max-width: 340px; margin-right: 5px; margin-bottom: 5px;}
.thumb{max-width: 340px;}

}
@media only screen and (min-width : 150px) and (max-width : 767px){
.about {padding: 30px 0px 50px;}
.about h3 {font-size: 24px; line-height: 36px; margin-top: 10px; width: 100%;}
.img_hov{max-width: 100%; float: initial;}
.thumb{max-width: 100%; margin-bottom: 5px;}

}
@media only screen and (max-width : 375px){



}
@media only screen and (max-width : 360px){



}
@media only screen and (max-width : 320px){



}
