header {background: #fff;}


/*work*/
.work {padding: 70px 0;}
.work h2 {color: #212121; font-size: 32px; font-weight: 700; margin-bottom: 20px;}
.work p {color: #627293; font-size: 14px; line-height: 28px;}
.work .butt {float: right;}
.work .top {margin-top: 40px;}
.work .w-1 {display: contents;}
.work .padding {padding: 0px;}
.work .bx {position: relative; width: 100%; padding: 0px;}
.work .bx img {width: 100%;}
.work .bx .plus {background: #095572; color: #fff; position: absolute; padding: 10px 16px; bottom: 0; right: 0%; text-align: center;}
.work .bx .overlay {position: absolute; bottom: 0; left: 100%; right: 0; background-color: #095572; overflow: hidden; width: 0; height: 100%; transition: .5s ease; cursor: pointer;}
.work .bx .overlay .padi {padding: 20px;}
.work .bx .overlay .padi h3 {color: #fff; font-size: 20px; padding-bottom: 10px;}
.work .bx .overlay .padi p {line-height: 24px; font-size: 13px; width: 100%; color: #fff;}
.work .bx .min {color: #fff; position: absolute; padding: 10px 16px; bottom: 0; right: 0%; text-align: center;}
.work .bx:hover .overlay {width: 100%; left: 0;}
.work .bx .view {margin-top: 20px;}
.work .bx .view a {font-size: 13px; color: #fff;}








@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){


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


}
@media only screen and (min-width : 1024px) and (max-width : 1199px){
.services {padding: 60px 0;}
.services h2 {font-size: 30px;}
.services .bx {padding: 15px;}
.services .bx h4 {font-size: 16px;}
.services .bx p {line-height: 22px;}
.services .bx .view {margin-top: 10px;}


}
@media only screen and (min-width : 768px) and (max-width :1023px){
.services {padding: 50px 0;}
.services h2 {font-size: 28px; margin-bottom: 10px;}
.services .butt {float: left; margin-top: 20px;}
.services .top {margin-top: 15px;}
.services .bx {margin-top: 30px;}
.services .bx h4 {font-size: 18px;}
.services .bx p {line-height: 22px;}
.services .bx .view {margin-top: 10px;}


}
@media only screen and (min-width : 150px) and (max-width : 767px){
.services {padding: 50px 0;}
.services h2 {font-size: 24px; margin-bottom: 10px;}
.services .butt {float: left; margin-top: 20px;}
.services .top {margin-top: 15px;}
.services .bx {margin-top: 30px; padding: 30px; border-radius: 20px;}
.services .bx h4 {font-size: 18px;}
.services .bx p {line-height: 22px; font-size: 14px;}
.services .bx .view {margin-top: 10px;}


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



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



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



}