@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .navbar-collapse {
        float: right;
        margin: 0;
    }
    .navbar-nav > li > a {
        padding: 0 13px;
    }
    .testi-icon img {
        width: 60%;
    }
    .testi-icon {
        top: -16px;
        left: 0px;
    }
    .news-blog-block .news-image-block img,
    .news-block .news-image-block img {
        height: 100%;
    }
    #slider .slider-text p {
        font-size: 27px !important;
        line-height: 34px !important;
        margin: 0 0 20px !important;
    }
    #slider .slider-text span {
        font-size: 15px !important;
    }
    .btn-fill,
    .btn {
        font-size: 15px !important;
        line-height: 40px !important;
    }
}
/*min-width 641px and max-width 1024px, use when QAing tablet-only issues*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #inner-content,
    #service-block {
        padding: 30px 0;
    }
    .navbar-collapse {
        margin: 0;
    }
    .navbar-nav > li > a {
        padding: 0 7px;
        font-size: 12px;
    }
    .navbar-brand > img {
        width: 130px;
    }
    .navbar-collapse {
        float: right;
    }
    .news-blog-block .news-image-block img,
    .news-block .news-image-block img {
        height: 100%;
    }
    #contact-block .contact-inner h3 {
        font-size: 22px;
    }
    #slider .slider-text p {
        font-size: 27px !important;
        line-height: 34px !important;
        margin: 0 0 20px !important;
    }
    #slider .slider-text span {
        font-size: 15px !important;
    }
    .btn-fill,
    .btn {
        font-size: 15px !important;
        line-height: 40px !important;
    }
    /******************************** Services ********************************/
    .services-textblock {
        padding: 15px;
        max-width: 300px;
    }
    .service-block-inner {
        margin: 0 0 15px 0;
    }
    .services-textblock h2,
    .services-textblock h2 i,
    .services-textblock h3,
    .services-textblock h3 i {
        font-size: 20px;
    }
    .services-textblock:hover h2,
    .services-textblock:hover h2 i,
    .services-textblock:hover h3,
    .services-textblock:hover h3 i {
        color: #FFFFFF;
    }
    .services-textblock:hover {
        background: #ff671f;
    }
    .services-textblock a.btn-link,
    .services-textblock:hover p,
    .services-textblock p {
        display: block;
        color: #FFFFFF;
        margin: 5px 0;
    }
    .services-textblock:hover p,
    .services-textblock p {
        text-align: center;
    }
    .services-textblock a.btn-link {
        font-size: 12px;
    }
    .services-textblock a.btn-link, .services-textblock:hover p {
        display: none;
        transition: all 0.3s ease 0s;
    }
    .testi-icon img {
        width: 30%;
    }
    .testi-icon {
        top: -16px;
        left: 0px;
    }
   .video-lightbox {
        transform: translate(-50%, -50%);
        left: 40% !important;
        top: 100px !important;
    }
    .tp-caption .video-lightbox img {
        width: 50px !important;
        height: 50px !important;
    }
    .pp_pic_holder {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: 560px !important;
        position: fixed !important;
    }
    .pp_content {
        width: 525px !important;
        height: 370px !important;
    }
    .pp_details {
        width: 525px !important;
    }
    #pp_full_res iframe {
        width: 100% !important;
        height: 330px !important;
    }
}

/*max-width 640px, mobile-only styles, use when QAing mobile issues*/
@media (max-width: 767px) {
    #inner-content,
    #service-block,
    #contact-block,
    #news-block,
    #our-works,
    #services-block {
        padding: 20px 0;
    }
    h1 {
        font-size: 28px;
        line-height: 46px;
    }
    h3 {
        font-size: 30px;
    }
    p {
        font-size: 15px;
        line-height: 28px;
    }
    .navbar-nav {
        display: none;
    }
    .navbar-header {
        float: left;
    }
    .navbar-brand > img {
        width: 130px;
    }
    .cd-header,
    .collapse {
        display: block;
    }
    .is-visible {
        top: 80px;
    }
    .navbar-right li:hover .sub-menu.sb-submenu > li > a:hover {
        color: #ff671f;
    }
    .cd-primary-nav-trigger {
        height: 40px;
    }
    .navbar-collapse {
        float: left;
    }
    span.sb-caret,
    span.sb-caret1 {
        display: block;
    }
    .sub-menu.sb-submenu,
    .sub-menu1.sb-submenu1 {
        background: #ff671f;
    }
    .footer-inner h5 {
        text-align: center;
    }
    .address h6 i {
        margin: 0 13px;
    }
    .address h6 {
        font-size: 14px;
    }
    .social ul {
        text-align: center;
    }
    .social ul li {
        display: inline-block;
        float: none;
        text-align: center;
    }
    .social ul li a i {
        font-size: 20px;
    }
    .mobile-news,
    .footer-menu,
    .news-right-contact,
    .right-main,
    .news-search {
        display: none;
    }
    .contact-main .right-main {
        display: block;
    }
    /******************************** Slider ********************************/
    #slider {
        margin: 80px 0 0 0;
    }
    #slider .tp-caption {
        white-space: inherit !important;
    }
    #slider .slider-text p {
        font-size: 25px !important;
        line-height: 34px !important;
        margin: 0 0 20px !important;
    }
    #slider .slider-text span {
        font-size: 15px !important;
    }
    .btn-fill,
    .btn {
        font-size: 15px !important;
        line-height: 26px !important;
        padding: 0 15px !important;
    }
    #slider .slider-text ul {
        margin: 20px 0 0 !important;
    }
    .slider-text ul li {
        margin: 8px 15px !important;
    }
    #slider .rev_slider_wrapper,
    #slider .rev_slider {
        height: 320px !important;
    }
    #slider .tp-leftarrow,
    #slider .tp-rightarrow {
        display: none;
    }
    #slider .slider-text ul li a,
    #slider .slider-text ul li a:hover {
        padding: 0 20px !important;
        line-height: 40px !important;
    }
    #slider .slider-text ul li a.btn {
        border: 2px solid #ffffff !important;
    }
    #common-innerblocks .rev_slider_wrapper,
    #common-innerblocks .rev_slider {
        height: 165px !important;
    }
    .portfolio-inner {
        padding: 0 15px;
        margin: 0 0 25px;
    }
    .portfolio-inner .heading h3 {
        line-height: 40px;
        font-size: 27px;
    }
    .footer-mobile-menu-in {
        float: left;
        width: 100%;
        position: relative;
        padding: 0 0 0px 0;
        margin: 40px 0 0 0;
    }
    .footer-mobile-menu-in ul {
        display: block;
    }
    .footer-mobile-menu-in ul li {
        display: block;
        float: left;
        width: 100%;
        border-bottom: 2px solid #c2c2c2;
    }
    .footer-mobile-menu-in ul li.footer-menu-last {
        border: none;
    }
    .footer-mobile-menu-in ul li a {
        line-height: 54px;
        text-align: center;
        font-size: 16px;
        display: block;
        background: #e3e3e3;
    }
    .footer-mobile-menu-in ul li a:hover,
    .footer-mobile-menu-in ul li a.active,
    .footer-mobile-menu-in ul li.current_page_item a {
        background: #ff671f;
        color: #FFFFFF;
    }
    .footer-bottom {
        margin: 57px 0 0;
    }
    .footer-bottom p {
        font-size: 14px;
    }
    .mobile-menu-padding {
        padding: 0;
    }
    .desktopview {
        display: none;
    }
    #custom-breadcrumb .mobilebreadcrumb {
        display: none;
    }
    .about-text-block p {
        font-size: 14px;
        line-height: 28px;
    }
    .about-image-block {
        margin: 0 0 20px 0;
    }
    .footer-mobile-menu-in,
    .mobile-news-search,
    .mobile-news-search .news-search {
        display: block;
    }
    .btn-default,
    .btn-default:hover,
    .btn-default.active,
    .btn-default:focus,
    .open > .dropdown-toggle.btn-default {
        background: #f6f6f6 !important;
        padding: 0 0 0 15px;
        text-align: left;
        color: #050505;
        border: none;
    }
    .btn-default span {
        float: right;
    }
    .mobile-news-categories,
    .btn-default {
        display: block;
        float: left;
        width: 100%;
    }
    .mobile-news-categories .btn-default span {
        background: url('../images/drop_arrow.png') no-repeat #ff671f;
        width: 40px;
        height: 40px;
        margin: -40px 0 0 0;
    }
    .btn-default:hover .dropdown-menu,
    .open > .dropdown-menu {
        top: 40px;
    }
    .dropdown-menu li a {
        margin: 0 !important;
        padding: 0 20px;
    }
    .news-search {
        margin: 0;
    }
    .contact-main-textbox1,
    .contact-main-textbox2 {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .contact-form-block .btn-fill {
        width: 100% !important;
        font-weight: bold;
        font-size: 16px;
    }
    .contact-form-block {
        margin: 0 0 30px 0;
    }
    .right-main .heading h4 {
        text-align: center;
    }
    .right-main-inner .address h4 {
        width: 100%;
        border: 2px solid #505050;
        text-align: center;
        margin: 0 0 10px 0;
        font-size: 16px;
    }
    .right-main-inner .address h4 i,
    .right-main-inner .address p i {
        float: none;
        width: auto;
        margin: 0 10px 0 0;
        font-size: 20px;
    }
    .right-main-inner .address p {
        text-align: center;
        max-width: 100%;
        display: block;
    }
    .news-search a.btn-fill {
        width: 40px !important;
    }
    .news-block-main {
        margin: 20px 0 0 0;
    }
    .news-text-block ul li span {
        margin: 0 5px;
    }
    .news-block {
        margin: 0 0 30px 0;
    }
    .news-text-block {
        margin: 30px 0 0;
    }
    .news-text-block ul li {
        margin: 0px;
    }
    .news-textblock-inner p {
        line-height: 26px;
        font-size: 14px;
    }
    .news-text-block ul li p {
        margin: 0 0 10px;
    }
    .news-button {
        padding: 0 0 0 25px;
    }
    .mobile-news-search {
        margin: 20px 0;
        float: left;
        width: 100%;
    }
    .mobile-news-search .news-search a {
        margin: 0;
        float: left;
    }
    .news-share ul li {
        display: none;
    }
    .news-share ul li:first-child,
    .news-share ul li:first-child a i.news-share-mobile {
        display: block;
    }
    .news-share ul li:first-child a i.news-share-mobile {
        float: right;
        margin: 3px 0 0 8px;
    }
    .news-search .news-search-section .contact-main-textbox {
        width: 100%;
    }
    .news-blog-block .news-image-block img,
    .news-block .news-image-block img {
        height: 100%;
    }
    .news-image-block {
        margin: 20px 0 0;
    }
    .news-share ul li.mobile-socailshare {
        display: block;
    }
    .news-share ul li.desktop-socailshare {
        display: none;
    }
    .news-text-block a.btn-fill {
        line-height: 48px !important;
    }
    .pager-block ul.pager li .mobileviews-arrow {
        display: inline-block;
    }
    .mobilebreadcrumb .mobileback {
        font-size: 18px;
        margin: 0 5px 0 0;
    }
    .contact-form-block .gform_wrapper .top_label .contact-main-textbox1,
    .contact-form-block .gform_wrapper .top_label .contact-main-textbox2 {
        width: 100%;
        margin: 0px;
    }
    .contact-main-textbox,
    .contact-main-textbox1,
    .contact-main-textbox2,
    .contact-main-textarea {
        margin: 0px;
    }
    .contact-form-block .gform_wrapper .top_label input.medium,
    .contact-form-block .gform_wrapper .top_label input.large,
    .contact-form-block .gform_wrapper .top_label textarea.medium {
        margin: 0px 0 15px;
    }
    .contact-form-block .gform_footer {
        float: left;
        width: 100%;
    }
    #our-works .royalSlider {
        width: 100% !important;
    }
    #our-works .rsVisibleNearbyWrap {
        height: 100% !important;
        width: 100% !important;
    }
    #our-works .rsOverflow {
        height: 100% !important;
        width: 100% !important;
        margin: 0px !important;
    }
    #our-works .rsSlide.rsActiveSlide .rsContent img {
        height: 100% !important;
        margin-left: 0px !important;
        width: 100% !important;
    }
    #our-works .visibleNearbySimple .rsSlide img {
        opacity: 0;
    }
    #our-works .visibleNearbySimple .rsSlide.rsActiveSlide img {
        opacity: 1;
    }
    #our-works p.learn-morebut.viewmore-gallery {
        display: none;
    }
    .gallery-blocks .rsArrowRight,
    .gallery-blocks .rsArrowLeft {
        width: 0px !important;
    }
    .gallery-blocks .rsArrowRight {
        right: 12px !important;
    }
    .gallery-blocks .rsArrowLeft {
        left: 16px !important;
    }
    #our-works .mobile-no-padding,
    #inner-content .mobile-no-padding {
        padding-left: 0px;
        padding-right: 0px;
    }
    .gallery-blocks .rsArrowLeft .rsArrowIcn {
        background: url(../images/mobile-arrow-left.png) no-repeat 0 0;
    }
    .gallery-blocks .rsArrowRight .rsArrowIcn {
        background: url(../images/mobile-arrow-right.png) no-repeat 0 0;
    }
    #our-works .rsUni .rsBullets {
        display: block;
        cursor: pointer;
    }
    /******************************** Services ********************************/
    .services-textblock {
        padding: 50px;
        max-width: 335px;
    }
    .service-block-inner {
        margin: 0 0 15px 0;
    }
    .services-textblock h2,
    .services-textblock h2 i,
    .services-textblock h3,
    .services-textblock h3 i {
        font-size: 20px;
    }
    .services-textblock:hover h2,
    .services-textblock:hover h2 i,
    .services-textblock:hover h3,
    .services-textblock:hover h3 i {
        color: #FFFFFF;
    }
    .services-textblock:hover {
        background: #ff671f;
    }
    .services-textblock a.btn-link,
    .services-textblock:hover p,
    .services-textblock p {
        display: block;
        color: #FFFFFF;
        margin: 5px 0;
    }
    .services-textblock:hover p,
    .services-textblock p {
        text-align: left;
    }
    .services-textblock a.btn-link {
        font-size: 16px;
    }
    .services-inner-left {
        margin: 0 0 30px;
    }
    .services-inner-right .service-block-inner .services-textblock p.mobile-viewmore,
    .services-inner-right .service-block-inner .services-textblock:hover p.mobile-viewmore{
        display: none;
    }
    .services-inner-right .service-block-inner .services-textblock:hover a.btn-link{
        display: block;
    }
    .services-textblock p.mobile-viewmore a.btn-link,
    .services-textblock:hover p,
    .services-textblock p {
        display: block;
        color: #FFFFFF;
        margin: 5px 0;
    }
    .testi-icon {
        top: -16px;
        left: -90px;
    }
    .testi-icon img {
        width: 20%;
    }
    .testimonials-inner .heading h3 {
        font-size: 30px;
    }
    .about-detail {
        margin: 0 0 40px;
    }
    .video-lightbox {
        transform: translate(-50%, -50%);
        left: 40% !important;
        top: 48px !important;
        position: absolute;
    }
    .tp-caption .video-lightbox img {
        width: 40px !important;
        height: 40px !important;
    }
    .pp_pic_holder {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: 310px !important;
        position: fixed !important;
    }
    .pp_content {
        width: 280px !important;
        height: 185px !important;
    }
    .pp_details {
        width: 250px !important;
    }
    #pp_full_res iframe {
        width: 100% !important;
        height: 185% !important;
    }
    .service-block-inner img {
        height: 100%;
    }
    .services-inner-right .service-block-inner .services-textblock p {
        margin-top: 0px;
    }
    .pp_pic_holder.pp_default {
		left: 50% !important;
		width: 280px !important;
	}
    .team-members-single {
        flex-basis: 100%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 654px) {
    .services-textblock,
    .services-textblock:hover {
        padding: 20px;
        min-height: 0;
    }
    .services-textblock p,
    .services-textblock:hover p {
        display: none;
    }
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
    span.sb-caret,
    .sb-caret.sb-submenu-active,
    span.sb-caret1,
    .sb-caret1.sb-submenu1-active {
        right: 0px;
    }
    .services-textblock {
        width: 130%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 336px) {
    .services-textblock {
        width: 100%;
    }
}


@media (max-width: 1450px) {
    .home-intro h1,
    .home-intro h2 {
        font-size: 26px;
    }
    .right-top-box ul,
    .right-top-box li {
        font-size: 20px;
    }
    .right-top-box h4,
    .right-bottom-box h4 {
        font-size: 26px;
    }
    .right-bottom-box-inner img {
        max-width: 50%;
    }
}

@media (max-width: 1200px) {
    .right-top-box,
    .right-bottom-box {
        padding: 20px;
    }
    .right-top-box h4,
    .right-bottom-box h4 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    #header {
        padding: 23px 20px;
    }
    .cd-primary-nav-trigger {
        top: 0;
    }
    .cd-primary-nav {
        height: calc(100vh - 69px);
        top: 69px;
    }
    .cd-primary-nav-inner {
        padding: 20px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .cd-primary-nav li {
        padding-top: 5px;
        border: 0;
        width: 100%;
        margin-right; 0;
    }
    .cd-primary-nav a {
        font-size: 24px;
    }
    #custom-breadcrumb {
        margin-top: 70px;
    }
}

@media (max-width: 991px) {
    #footer {
        padding: 60px 5px;
    }
    .slider-row {
        flex-direction: column;
    }
    .right-top-box,
    .right-bottom-box {
        margin-top: 20px;
    }
    .footer-col-content {
        text-align: center;
        padding: 20px 0;
    }
    .footer-col-content h4 {
        text-align: center;
    }
    .footer-col-content p {
        text-align: center;
    }
    .footer-col-content .social ul {
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	.associations-inner h3 {
		font-size: 34px;
	}
	.associations-inner ul li {
		width: 31%;
	}
	.associations-inner ul li:nth-child(1),
	.associations-inner ul li:nth-child(2),
	.associations-inner ul li:nth-child(3) {
		margin-bottom: 30px;
	}
	.associations-inner ul li:nth-child(3) {
		margin-right: 0;
	}
}

@media (max-width: 767px) {
    .home-intro h1,
    .home-intro h2 {
        font-size: 22px;
    }
    .slider-box-wrapper h3 {
        font-size: 38px;
    }
    .video-play-button {
        width: 80px;
        height: 80px;
    }
	.associations-inner h3 {
		font-size: 30px;
	}
}

@media (max-width: 479px) {
    #footer {
        padding: 40px 5px;
    }
	#associations {
		padding: 40px 0;
	}
    .associations-inner ul li {
        margin: 0 0 30px !important;
        width: 100% !important;;
    }
	.associations-inner ul li:last-child {
		margin-bottom: 0 !important
	}
}