@media (min-width: 1200px) and (max-width:1366px){
    h1{font-size: 40px; line-height: 48px;}
    h2{font-size: 30px; line-height: 36px;}
    h3{font-size: 24px; line-height: 30px;}
    h4{font-size: 18px; line-height: 24px;}
    h5{font-size: 16px; line-height: 20px;}
    h6{font-size: 14px; line-height: 20px;}
}
@media (max-width:1199px){
    .slide-text{left: 0;}
    .custom-width-80{width: 100%;}
    .resp-full{width: 100%;}
    .header-social{display: block !important;}
}
@media (min-width: 992px) and (max-width:1199px){
    .round-image{width: 180px; height: 180px; float: none; margin: auto; margin-bottom: 20px;}
    .img-text{width: 100%; text-align: center; padding-left: 0;}
    #bgsolid, .md1199nopadding, #navbar{padding: 0 !important;}
    .col-min-height-fix{min-height: 295px;}
    .portfolio .featured-image{height: 240px;}
    .featured-image{height: 128px;}
    .staff{padding: 0 5px !important;}
    .staff h3{ font-size: 15px; letter-spacing: -0.02em;}
    .navbar-nav{margin: 0 5% 0 0px;}
}
@media (max-width:991px){
    .navbar-nav{margin: 0 0 0 0px;}
    .resp-no-padding{padding: 0 !important; }
    .resp-100{width: 100%;}
    .navbar-collapse{padding-left: 0;}
    .mrg-md-20{margin-top: 20px; padding-left: 10px; padding-right: 10px;}
    .full-991{width: 100% !important;}
    .round-image{float: none; margin: 0 auto 10px auto;}
    .img-text{width: 100%; padding-left: 0; text-align: center;}
    .portfolio .featured-image .address{display: none;}
    .portfolio .featured-image h5{margin-top: 0;}
    .services{margin-bottom: 100px;}
    .staff{height: auto;}
    .staff:hover{padding: 0 15px !important;}
    .staff:hover > .staff-inner{margin-top: 0 !important;}
}

@media (min-width: 769px) and (max-width:991px){
    .site-logo{width: 137px; height: 80px;}
    .round-image{width: 130px; height: 130px;}
    .round-image2{width: 180px; height: 180px;}
    .mrg-sm-20{margin-top: 20px;}
    .navbar-nav li a{font-size: 13px; padding: 14px;}
    .block-text{width: 62%;}
    .portfolio .featured-image{height: 193px;}
    .featured-image{height: 95px;}
    .sidebar .featured-image{height: 175px;}
    .ourcounts .mybtn{padding: 0 8px !important; font-size: 13px;}
    .staff-inner{max-width: 80%; margin: auto; margin-bottom: 20px;}
    
    
}
@media (min-width: 769px) and (max-width:1199px){
    .page-title{margin-top: 115px;}
    .page-margin{margin-top: 135px;}
    /*.slide-text{top: 150px;}*/
        .swiper-container-horizontal > .swiper-pagination3{}
    .navbar-header{width: 100%;}
    .header-social li{display: block; margin: 0 10px 0 0 !important;}
    .navbar-toggle{margin-top: 83px; border: 1px solid #000000; border-radius: 0;}
    h1{font-size: 40px; line-height: 48px;}
    h2{font-size: 30px; line-height: 36px;}
    h3{font-size: 24px; line-height: 30px;}
    h4{font-size: 18px; line-height: 24px;}
    h5{font-size: 16px; line-height: 20px;}
    h6{font-size: 14px; line-height: 20px;}
}
@media (max-width:545px){
}
@media (min-width: 602px) and (max-width:768px){
    .block-text{width: 62%;}
}
@media (min-width: 481px) and (max-width:601px){
    .main-banner-text{bottom: 10px;}
    .main-banner-text a{margin: 0 0 10px 0;}
    .block-image{width: 150px;}
    .block-text{width: 65%;}
}
@media (min-width: 481px) and (max-width:768px){
    .slide-text h1{font-size: 36px; line-height: 36px;}
    .portfolio .featured-image{height: 191px;}
    .sidebar .featured-image{height: 240px;}
}
@media (min-width: 768px) {
    .hide-lg{display: none !important;}
}
@media (max-width:768px){
    .hide-sm{display: none !important;}

    .staff{margin-bottom: 20px;}
    .staff h3{font-size: 14px; letter-spacing: -0.02em;}
    .ourcounts-inner{border-bottom: 1px solid #b0c3f9; border-right: none; padding-bottom: 24px; margin-bottom: 12px;}
    .page-title{margin-top: 65px;}
    .grid-item { width: 48%; margin-right: 2%;}
    .btn-light-blue{padding: 2px; font-size: 12px; font-weight: 400;}
    .swiper-button-next, .swiper-button-prev{top: -30px !important;}
    .header-social{right: 70px; top: 13px;}
    .header-social li{display: block; margin: -5px !important;}
    .header-social li a{padding: 0;}
    .page-margin{margin-top: 68px;}
    .mrg-xs-20{margin-top: 20px;}
    .header-newsletter{right: 75px; padding-top: 10px;}
    .resp-mrgbt{margin-bottom: 40px;}
    .resp-mrgbt20{margin-bottom: 20px;}
    .resp-nobottommargin{margin-bottom: 0 !important;}
    .resp-txtsm{font-size: 14px; line-height: 24px;}
    .marginxs{margin-top: 15px; margin-bottom: 15px;}
    .marginsm{margin-top: 40px; margin-bottom: 40px;}
    .marginmd{margin-top: 60px; margin-bottom: 60px;}
    .site-logo{left: 15px;}
    /*.slide-text{top: 100px;}*/
    .resp-txt-center{text-align: center;}
    .resp-mrg10{ margin-top: 10px; margin-bottom: 10px; }
    .resp-mrg{ margin-top: 20px; margin-bottom: 20px; }
    .resp-mrg2{ margin-top: 40px; margin-bottom: 40px; }
    .resp-padding{padding-left: 15px !important; padding-right: 15px !important;}
    .resp-no-padding{padding: 0 !important;}
    .navbar-collapse.in{overflow-y: visible !important;}
    .navbar-collapse{padding-right: 0 !important;}
    .navbar-header{width: 100%;}
    .navbar-toggle{margin-top: 15px; margin-bottom: 15px; border: none; border-radius: 0; border: 1px solid #555555;}
    #navbar{padding-left: 0;}
    .navbar-nav{width: 100%; margin-top: 10px; text-align: center;}
    .navbar-nav li{float: none; display: block; position: relative;}
    .navbar-nav li:last-child{}
    .navbar-nav li a{display: block; padding: 5px 0;}
    .navbar-nav li a:hover, .navbar-nav li.current-menu-item a{background-position: left bottom;}
    .sub-menu{top: 40px !important; z-index: 9999 !important; text-align: center; background: rgb(224, 224, 224) !important;width: 100% !important;}
    .sub-menu li{text-align: center;border-bottom: 1px solid #d52b1e}
/*    .sub-menu li{display: block !important; }
    .sub-menu li a{display: block !important; }*/
    .navbar-toggle .icon-bar{background: #555555;}
    .navbar-collapse{background: #ffffff; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;}
    h1{font-size: 36px; line-height: 42px;}
    h2{font-size: 30px; line-height: 32px;}
    h3{font-size: 24px; line-height: 28px;}
    h4{font-size: 18px; line-height: 22px;}
    h5{font-size: 16px; line-height: 20px;}
    h6{font-size: 14px; line-height: 20px;}
    .page-header h2{font-size: 24px !important; padding: 10px 50px;}
    .sidebar{padding-left: 15px;;}
    .round-image{width: 150px; height: 150px;}
    .resp-mrg-auto{margin: 0 auto 15px auto;}
    .ht-header .nav li a {
        padding: 10px;
        border-top: 1px solid #d52b1e;
    }
}

@media (max-width:540px){
    .header-email{display: none;}
}
@media (max-width:480px){
    .featured-image{height: auto; margin-top: 15px;}
    .portfolio .featured-image{height: auto;}
    .grid-item { width: 100%; margin-bottom: 20px; }
    .block-image{width: 100%; margin-bottom: 15px;}
    .block-text{width: 100%; padding-left: 0;}
    body{font-size: 14px; line-height: 26px;}
    .txt-center-480{text-align: center;}
    .col-min-height-fix{min-height: 20px;}
    .slide-text h1{font-size: 28px; line-height: 28px;}
    .header-social{display: none;}
    .form-container-narrow{width: 100%; padding: 0 20px;}
    .header-newsletter{display: none;}
    #menu-footer-menu{margin-left: 0;}
    .wrapper-vh-100{height: 100vh; overflow: hidden;}
    .icon-outset-holder{width: 100%;}
    .icon-outset-holder > .circle-iconsm{margin: auto;}
    .slide-text{width: 100%; top: 120px;}
    .slide-text h1{margin-bottom: 0;}
    .slide-text h3{margin-top: 0;}
    .main-banner-text{bottom: 10px;}
    .main-banner-text a{display: block; margin: 0 0 10px 0;}
    .slide-bottom-overlay{font-size: 16px; line-height: 22px; padding: 0;}
    .col-xxs-12{width: 100% !important;}
    h1{font-size: 30px; line-height: 36px;}
    h2{font-size: 22px; line-height: 28px;}
    .form-fields-left, .form-fields-right{width: 100%;}
    .round-image{width: 150px; height: 150px; float: none; margin: 0 auto 10px auto;}
    .icon-outset-holder2{width: 100%; text-align: center; margin-bottom: 15px; margin-top: 15px;}
}
@media (max-width: 360px){
    .navbar-toggle{margin-top: 15px; margin-bottom: 5px;}
     h1{font-size: 22px; line-height: 28px;}
     .site-logo{width: 115px; left: 5px;}
     .ourcounts .mybtn{padding: 0 8px !important; font-size: 13px !important;}
}
@media (max-width: 320px){
    .slide-text > .marginsm{margin-top: 25px;}
    .mybtn{padding: 7px 15px !important; font-size: 16px !important;}
}

@media (max-width: 299px){
    .slide-text h3{font-size: 18px; line-height: 24px;}
}
@media (min-width: 769px){
    .resp{display: none !important;}
}

@media (max-width: 768px){
    .desktop{display: none !important;}
}