header {background: #fff;}


/*services*/
.services {padding: 50px 0px 70px;}
.services p {color: #627293; font-size: 14px; line-height: 28px; margin-bottom: 10px;}
.services .butt {float: right;}
.services .bx {margin-top: 30px; padding: 25px; cursor: pointer; background-image: url(../images/services-pattern1.jpg); background-size: cover; background-repeat: no-repeat; overflow: hidden; border-radius: 6px; -webkit-transition: 0.5s; transition: 0.5s;}
.services .bx:hover {-webkit-transform: translateY(-10px); transform: translateY(-10px);}    
.services .bx h4 {font-size: 18px; font-weight: 500; color: #212121; margin-top: 15px; margin-bottom: 10px;}
.services .bx p {color: #627293; font-size: 13px; line-height: 26px;}
.services .bx .view {margin-top: 15px;}
.services .bx .view a {font-size: 13px; color: #2196f2; font-weight: 500;}
.services .bx:hover .view a {color: #3854a5;}








@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: 40px 0px 60px;}
.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: 30px 0px 50px;}
.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: 30px 0px 50px;}
.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){



}