/*Responsive CSS*/


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

.service-single_text h2 {
font-size: 29px;
}

.contact_us_right input[type="name"] {
max-width: 197px;
}  

}


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

.service-single_text h2 {
font-size: 21px;
}

.item_single p {
line-height: 24px;
}

.item_single h3 {
margin-top: 0;
}

.about_us_left {
margin-bottom: 51px;
} 

.completed_work_single {
margin-bottom: 45px;
}

.caption {
margin-left: 5.4px;
width: 49.2%;
}

.contact_us_right input[type="name"] {
max-width: 330px;
}

.contact_us_left {
margin-bottom: 85px;
}  

}


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

.service_single {
margin: 0 auto 38px;
max-width: 500px;
}

.completed_work_single {
margin: 0 auto 45px;
max-width: 300px;
}

.caption {
display: block;
float: none;
margin: 0 auto 20px;
width: 70%;
}

.caption_heading {
transform: translate(-431px);
} 

.team_carousel_single::after {
width: 95%;
} 

.contact_us_left_first::after {
border-bottom: 1px solid #fff;
content: "";
height: 3px;
left: -3px;
margin-top: 14px;
position: absolute;
width: 101.1%;
display: block;
}

.contact_us_left {
margin: 0 auto;
max-width: 600px;
}

.contact_us_left_first::before {
display: none;
}   
.contact_us_left_second {
margin-top: 52px;
} 

.contact_us_right {
max-width: 600px;
margin: 0 auto;
margin-top: 86px;
} 

.contact_us_right input[type="name"] {
max-width: 542px;
} 
#scrollUp {
right: 24px;
}    
}


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

.service_single {
margin: 0 auto 38px;
max-width: 362px;
}

.item_single h5 {
font-family: "Baloo Bhai",cursive;
font-size: 14px;
margin-bottom: 38px;
}

.social_profiles li a {
padding: 5px;
}

.social_profiles li a img {
max-width: 32px;
}  
#scrollUp {
right: 42px;

}    
}

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

.service_single {
margin: 0 auto 38px;
max-width: 296px;
}

.caption:hover .caption_heading {
transform: translate(1px);
} 

.portfolio_single h2 {
font-size: 29px;
}

.caption_heading h5 {
font-size: 15px;
}

.caption_heading a {
font-size: 14px;
}

.contact_us_right button {
max-width: 265px;
width: 100%;
}

.social_profiles li a {
padding: 8px;
}

.social_profiles li {
float: left;
margin-bottom: 14px;
}

}

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

.service_single {
margin: 0 auto 38px;
max-width: 231px;
}

.completed_work_sub h3 {
font-size: 19px;
margin-top: 5px;
}

.caption:hover .caption_heading {
transform: translate(1px);
}

.caption_heading {
min-height: 113px;
} 

.caption_heading h2 {
margin-bottom: 0;
font-size: 18px;
}

.caption_heading h5 {
font-size: 13px;
margin-bottom: 13px;
} 

}

@media screen and (max-width:300px){
#scrollUp {
right: 11px;

}
}