/*Responsive*/
@media (min-width: 1290px) {
    .navbar-custom .navbar-nav .nav-item{
        margin: 0 10px;
    }
    .navbar-custom .navbar-nav .nav-item a{
        font-size: 16px;
    }
}
@media (min-width: 1040px) and (max-width:1250px){
    .navbar-brand img {
        width: 180px;
    }
    .navbar-custom .navbar-nav .nav-item a{
        font-size: 14px;
        line-height: 65px;
    }
    .navbar-custom .navbar-nav .nav-item{
        margin: 0 4px;
    }
    .carousel-caption h2 {
        font-size: 50px;
    }
    .carousel-caption p {
        font-size: 17px;
    }
    .section_heading p, .serviceBox .description {
        line-height: 23px;
        font-size: 14px;
    }
    .serviceBox .title {
        font-size: 17px;
    }
    .serviceBox .service-icon{
        top: 20px;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .about_text p {
        font-size: 14px;
        color: #555454;
        line-height: 22px;
        font-weight: 400;
    }
    .counter {
        padding: 0 35px;
        margin: 2rem -20px 35px;
    }
    .counter .counter-content {
        padding: 0 5px 15px;
    }
    .counter .counter-icon {
        font-size: 45px;
    }
    .counter .counter-value {
        font-size: 30px;
        margin-bottom: 7px;
    }
    .counter .title, .panel-default > .panel-heading + .panel-collapse .panel-body, .rgcont_icon  p {
        font-size: 14px;
    }
    .member_detail .member_name{ 
        padding: 15px;
    }
    .member_detail h5, .panel-title > a{
        font-size: 15px;
        font-weight: 500;
    }
    .member_detail p{
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 400;
    }
    .panel-heading {
        padding: 10px 20px;
    }
    a.accordion-toggle i {
        width: 25px;
        height: 25px;
        line-height: 26px;
        font-size: 12px;
    }
    .contact_form {
        padding: 35px 25px;
    }
    .contact_text h5, label{
        font-size: 15px;
    }
    .contact_text span{
        padding: 4px 10px;
        font-size: 35px;
    }
    .form-estimate h1 {
        font-size: 28px;
    }
    .rgcont_icon .rgcontent {
        font-size: 22px;
    }
    .rgcont_icon i, button.close span {
        height: 35px;
        line-height: 35px;
        width: 35px;
    }
    label {
        font-weight: 400;
    }
    .achievement_counter {
        width: 200px;
    }
    .portfolioFilter a {
        font-size: 14px;
        font-weight: 400;
    }
    .portfolioContainer .objects img {
        height: 250px;
    }
    .member_detail .member_img img {
        height: 215px;
    }
    p.testimonial_desc {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
    }
    .contact_form .form-control {
        height: 45px;
    }
    #accordion .panel {
        margin: 0 0 5px 10px;
    }
    .popup-form .form-control:not([size]):not([multiple]) {
        height: 40px;
    }
    #quote_image_captcha img{
        width: 180px !important;
        height: 40px !important;
    }
    .mt-35 {
        margin-top: 30px;
    }
    .popup-estimate .popup-body {
        padding: 10px 0;
    }
    #toTop {
        width: 40px;
        height: 40px;
        line-height: 35px;
    }
    .chat_icon_cover {
        right: 80px !important;
        bottom: 12px !important;
    }
    .round.hollow a {
        font-size: 16px !important;
        height: 40px !important;
        width: 40px !important;
    }
}
@media (min-width: 768px) and (max-width:1023px){
    .portfolioContainer .objects {
        width: 24.95%;
        height: auto
    }
    .member_detail .member_img img, .portfolioContainer .objects img{
        height: 215px;
    }
    .serviceBox .service-icon {
        width: 50px;
        height: 50px;
        line-height: 46px;
        font-size: 20px;
        top: 50px;
    }
    .serviceBox .title {
        font-size: 15px;
        text-transform: capitalize;
    }
}
@media (min-width: 768px){
    .mt-35{
        margin-top: 35px;
    }
}
@media (max-width: 990px){
    .counter{
        margin-bottom: 50px; 
        padding: 0 10px;
    }
    .member_detail .member_name {
        padding: 20px 3px;
    }
    .portfolioFilter a, .workng_img{
        margin-bottom: 15px;
    }
    .serviceBox{ 
        margin-bottom: 20px; 
    }
    .achievement_counter{ 
        margin-bottom: 30px; 
    }
    .member_detail{ 
        margin-bottom: 30px; 
    }
}
@media (max-width: 767px){
    /* Header */
    .navbar-dark .navbar-brand {
        width: 200px;
    }
    .carousel-item{
        height: 300px;
    }
    nav.navbar.navbar-custom{
        background: rgba(0, 0, 0, 0.9);
    }
    .navbar-dark .navbar-toggler{
        border-color: rgba(255, 255, 255, 0.48)
    }
    .navbar-custom .navbar-nav .nav-item a{
        line-height: 50px;
    }
    .carousel {
        margin-top: 75px;
    }
    img.fill {
        height: 300px;
    }
    .carousel-caption {
        top: 5%;
    }
    .carousel-caption h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .carousel-caption p {
        font-size: 15px;
    }
    .contact_form {
        padding: 35px 25px;
    }
    .contact_text {
        margin-left: 10px; 
    }
    .footer_top li {
        font-size: 20px;
        margin: 20px 0px 10px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .footer_bottom.fourth-bg a.backtop {
        display: inline-block;
        float: none; 
        margin-top: 20px;
    }
    .serviceBox .service-icon {
        top: 5px;
    }
    .serviceBox .title:after{
        width: 92%; 
    }
    .section_heading h2{
        margin-bottom: 0;
        line-height: 30px;
        font-size: 27px;
    }
    .section_heading h2::after {
        bottom: -25px;
    }
    .section_heading p {
        line-height: 25px;
        font-size: 15px;
        margin-bottom: 1rem;
    }
    .serviceBox .description{
        margin: 20px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .bl-content, div.bl-panel-items > div > div{
        top: 30px;
    }
    .home_img_details {
        margin-top: 20px;
    }
    .panel-title > a {
        font-size: 19px;
    }
    .contact_text li{
        margin: 0;
        text-align: center;
    }
    .contact_text span{
        display: block;
        padding: 0 10px;
    }
    .contact_text h5{
        padding: 0 20px 15px;
        font-size: 14px;
    }
    .isotope-item img{
        width: 100%;
        height: auto !important;
    }
    .portfolioContainer .objects {
        width: 100%;
        height: auto;
    }
    #main-slider .owl-prev, #main-slider .owl-next {
        line-height: 60px;
    }
    .form-estimate h1, .form-estimate h3 {
        font-size: 25px;
    }
    .about_text p {
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
    }
    .member_detail .member_img img {
        /* height: auto; */
    }
    .member_detail .member_img:before, .member_detail .member_img:after{
        left: -10%;
        transform: rotate(37deg);
    }
    .member_detail .member_img:after{
        right: -10%;
        left: auto;
    }
    #clients_logo figure {
        margin: 0;
    }
    p.testimonial_desc {
        font-size: 13px;
    }
    .accordion-inner p {
        font-size: 14px;
    }
    .contact_form .form-control {
        height: auto;
    }
    a.captcha-refresh {
        padding: 9px;
    }
    .section_sub_btn button {
        font-size: 14px;
    }
    .footer_top > h4 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }
    footer .footer_bottom {
        line-height: 30px;
        padding: 20px;
    }
}
@media (max-width: 500px){
    .serviceBox .title{
        padding-top: 50px;
        font-size: 17px;
    }
    .serviceBox .title:after{
        width: 87%; 
    }
    .serviceBox .service-icon{
        top: 8px;
        height: 70px;
        width: 70px;
        line-height: 70px;
    }
}
@media (max-width: 360px){
    .serviceBox .title:after{ 
        width: 84%; 
    }
}