@media only screen and (min-width: 1441px){
#services, #services-one {
padding-left: 5% !important;
padding-right: 5% !important;
}
}
@media only screen and (min-width: 1581px){
#services, #services-one {
padding-left: 7% !important;
padding-right: 7% !important;
}
}
@media only screen and (min-width: 1681px){
#services, #services-one {
padding-left: 10% !important;
padding-right: 10% !important;
}
}
@media only screen and (min-width: 1781px){
#services, #services-one {
padding-left: 13% !important;
padding-right: 13% !important;
}
}
@media only screen and (max-width: 1880px){
.service-box {
min-height: 495px;
}
.tf-service {
margin-top: 14%;
}
.carousel-caption h5 {
line-height: 56px;
letter-spacing: 7px;
font-size: 60px;
}
.carousel-caption a {
line-height: 32px;
font-size: 15px;
}
.slid-box {
height: 814px;
}
.rstyl-carousel-caption img {
right: -26%;
}
}
@media only screen and (max-width: 1780px){
.service-box {
min-height: 480px;
}
.tf-service {
margin-top: 12%;
}
.rstyl-carousel-caption img {
right: -27%;
}
}
@media only screen and (max-width: 1680px){
.carousel-caption h5 {
line-height: 52px;
letter-spacing: 7px;
font-size: 56px;
margin-bottom: 10px;
}
.carousel-caption a {
line-height: 30px;
font-size: 14px;
}
.slid-box {
height: 760px;
}
.rstyl-carousel-caption img {
right: -30%;
}
}
@media only screen and (max-width: 1580px){
.carousel-caption h5 {
line-height: 48px;
letter-spacing: 6px;
font-size: 52px;
}
.carousel-caption a {
line-height: 28px;
font-size: 13px;
}
.slid-box {
height: 714px;
}
.rstyl-carousel-caption img {
right: -34%;
}
}
@media only screen and (max-width: 1440px){
.service-box {
min-height: 495px;
}
.tf-service {
margin-top: 14%;
}
.carousel-caption h5 {
line-height: 44px;
letter-spacing: 6px;
font-size: 46px;
}
.carousel-caption a {
line-height: 25px;
font-size: 12px;
}
.slid-box {
height: 680px;
}
.rstyl-carousel-caption img {
right: -36%;
}
}
@media only screen and (max-width: 1366px){
.service-box {
min-height: 515px;
}
.tf-service {
margin-top: 17.5%;
}
.carousel-caption h5 {
line-height: 40px;
letter-spacing: 5px;
font-size: 43px;
}
.carousel-caption a {
line-height: 23px;
font-size: 11px;
}
.carousel-caption {
bottom: 2.25rem;
}
.rstyl-carousel-caption img {
right: -40%;
}
}
@media only screen and (max-width: 1280px){
.service-box {
min-height: 535px;
}
.tf-service {
margin-top: 22%;
}
.carousel-caption h5 {
line-height: 36px;
letter-spacing: 5px;
font-size: 40px;
}
.carousel-caption a {
line-height: 23px;
font-size: 11px;
}
.slid-box {
height: 600px;
}
}
@media only screen and (max-width: 1199px){
.service-box {
min-height: 560px;
}
.tf-service {
margin-top: 28%;
}
.nav-item {
padding: 0px 20px;
}
.rstyl-carousel-caption img {
right: -45%;
}
}
@media only screen and (max-width: 1080px){
.nav-item {
padding: 0px 15px;
}
.service-box {
min-height: 585px;
}
.tf-service {
margin-top: 35%;
}
.rstyl-carousel-caption img {
right: -50%;
}
}
@media only screen and (max-width: 1050px){
.service-block {
display: flex;
margin-bottom: 30px; 
align-items: center;
}
.service-sec .col-md-6 {
width: 100%;
}
.service-img {
width: 50%;
margin: 0px !important;
}
.service-box {
min-height: auto;
width: 50%;
position: relative;
z-index: 1;
top: 0%;
left: 0%;
padding: 30px;
margin: 0px;
}
.rit-service .service-img {
text-align: left;
}
.rit-service .service-box {
left: unset;
right: unset;
}
.rit-service .service-block{
flex-direction: row-reverse;
}
.tf-service {
margin-top: 0px;
}
.service-img img {
width: 100%;
}
.service-sec {
padding-bottom: 60px !important;
padding-top: 60px !important;
}
.abt-first-sec {
padding-top: 100px;
}
.abt-video-sec {
padding-bottom: 100px;
}
.page-template-home-custom .location-box .sm-title {
padding: 20px 10px;
font-size: 16px !important;
}
.page-template-home-custom .our-loc-title {
top: 50px;
transform: unset;
width: 40%;
}
.location-sec .row {
margin-top: 60px;
}
.location-sec .col-md-3 {
width: 100%;
}
.location-box {
max-width: 500px;
margin: 0px auto 30px;
}
.pb-img {
height: 400px;
}
.nav-item {
padding: 0px 11px;
}
}
@media only screen and (max-width: 991px){
.main-header {
background: #141c32;
}
button.navbar-toggler {
display: block;
color: white;
font-size: 30px;
border: none !important;
box-shadow: unset !important;
}
.custom-nav .sub-menu{
display: none !important;
}
.fstyl-carousel-caption img {
width: 200px;
}
.carousel-caption h5 {
line-height: 32px;
letter-spacing: 4px;
font-size: 32px;
}
.carousel-caption a {
line-height: 22px;
font-size: 10px;
}
.slid-box {
height: 550px;
}
.rstyl-carousel-caption img {
right: -36%;
width: 400px;
}
}
@media only screen and (max-width: 850px){
.our-process-sec .img-scroll {
margin-left: 0px;
}
.img-scroll {
width: 100%;
}
.pb-img {
height: 350px;
}
.page-template-home-custom .service-box .sm-title {
padding-bottom: 30px;
}
.rstyl-carousel-caption img {
right: -50%;
width: 300px;
}
}
@media only screen and (max-width: 767px){
.project-box {
width: 100%;
}
.pb-img {
height: auto;
max-width: 350px;
margin: 0px auto 20px;
}
.service-block {
display: block;
}
.service-img,.service-box {
width: 350px;
margin: 0px auto 30px !important;
}
.location-box {
max-width: 350px;
margin: 0px auto 30px;
}
.col-cust-5 {
width: 100%;
}
.abs-box {
min-height: auto;
margin: 0px;
padding: 30px;
}
.our-process-sec .abs-box {
margin: 0px;
z-index: 2;
margin-top: 40px;
}
.abt-video-sec .abs-box {
min-height: auto;
margin: 0px;
padding: 30px;
}
.abt-vimeo {
margin-right: 0px;
margin-top: 40px;
}
.about-sec .custom-container {
max-width: 520px;
}
.our-process-sec .img-scroll {
margin-bottom: 0px;
}
.desk-slid{
display: none;
}
.mob-slid{
display: block;
}
.fstyl-carousel-caption img {
width: 150px;
}
.carousel-caption h5 {
line-height: 30px;
font-size: 26px;
}
.carousel-caption a {
line-height: 20px;
font-size: 10px;
}
.slid-box {
height: 520px;
}
.fstyl-carousel-caption h5, .fstyl-carousel-caption a {
padding-left: 90px;
}
}
@media only screen and (max-width: 580px){
.service-img, .service-box {
width: 100%;
}
.page-template-home-custom .our-loc-title {
top: 40px;
transform: unset;
width: 60%;
}
.page-template-home-custom .lg-title {
font-size: 26px;
}
.lg-link {
font-size: 15px;
}
.accordion-button,.page-template-home-custom .sm-title {
font-size: 18px;
}
.cnum.counter-value {
font-size: 30px;
}
.abt-vimeo iframe {
height: 275px;
}
.abt-vimeo {
margin-top: 40px;
}
.location-sec {
padding: 0px;
}
.location-sec .row {
padding-top: 130px;
}
.vap-btn {
margin: 30px 0px;
}
.abt-video-sec {
padding-bottom: 70px;
}
.abt-first-sec {
padding-top: 70px;
}
.page-template-home-custom .md-title {
font-size: 20px;
}
.slid-img {
object-position: center;
}
.carousel-caption img{
display: none;
}
.fstyl-carousel-caption h5, .fstyl-carousel-caption a {
padding-left: 0px;
}
.carousel-caption h5 {
line-height: 28px;
font-size: 24px;
}
.rstyl-carousel-caption {
display: block;
}
.carousel-caption h5{
padding-right: 0px;
}
.main-header .header-upper .logo img {
max-width: 80px;
}
}
@media only screen and (max-width: 480px){
.abt-vimeo iframe {
height: 240px;
}
.slid-box {
height: 480px;
}
.main-header .header-upper .logo img {
max-width: 70px;
}
}
@media only screen and (max-width: 380px){
.page-template-home-custom .lg-title {
font-size: 24px;
}
.page-template-home-custom .md-title {
font-size: 18px;
}
.abt-vimeo iframe {
height: 200px;
}
.slid-box {
height: 420px;
}
.carousel-caption h5 {
line-height: 24px;
font-size: 20px;
}
.main-header .header-upper .logo img {
max-width: 60px;
}
}