@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .header-right a {
        padding: 5px 3px;
    }
    .header-menu li {
        padding: 25px 20px 20px 20px;
    }
    .knowledge-bank-menu-icon:after,
    .knowledge-bank-menu-icon:hover:after {
        right: -4px;
    }
    .knowledge-bank-sub-menu li {
        padding: 15px 0 0 0;
        width: 100%;
        text-align: center;
    }
    .single-services-box h3 {
        min-height: 95px;
    }
}

@media (max-width:1199px) {
    .breadcrumb-section {
        padding: 60px 0px 60px 0px !important;
    }
    .breadcrumb-section h1 {
        font-size: 32px !important;
    }
}

@media (max-width:1024px) {
    .fa-caret-left,
    .fa-caret-right {
        display: none;
    }
    .main-header {
        display: none;
    }
    .mobile-header {
        display: block;
        padding-bottom: 15px;
        padding-top: 15px;
        position: relative;
    }
    .menu-icon {
        background: url(../images/icons/menu.svg) no-repeat;
        content: "";
        position: absolute;
        right: 20px;
        width: 18px;
        height: 23px;
        top: 24px;
    }
    .active-icon {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
        transition-duration: 0.5s;
    }
    .show-menu {
        display: block;
        width: 100%;
        background: #000;
        max-height: calc(100vh - 86px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 86px;
        visibility: visible;
        z-index: 30;
        padding: 30px 20px;
        -webkit-transition: left 0.8s ease-in-out;
        -moz-transition: left 0.8s ease-in-out;
        -ms-transition: left 0.8s ease-in-out;
        -o-transition: left 0.8s ease-in-out;
        transition: left 0.8s ease-in-out;
    }
    #mobile-navigation ul.menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .menu-panel a {
        color: #fff;
    }
    #mobile-navigation li:first-child {
        padding-top: 0;
    }
    #mobile-navigation li {
        padding-top: 20px;
    }
    .contact-box-place-office h6 {
        min-height: 94px !important;
    }
    .single-services-box {
        min-height: 300px;
    }
    .our-team-box-wrapper {
        margin: 10px 0px 30px 0px;
    }
    .budget-box h5 {
        min-height: 50px;
    }
    .knowledge-bank-mob-li a {
        color: #ffffff8c;
    }
    .knowledge-bank-mob-li li:before {
        content: "-";
        color: #ffffff8c;
        padding-right: 15px;
    }
    .knowledge-bank-mob-li {
        padding-left: 0px;
        display: none;
    }
    .knowledge-bank-mob-li .active-menu:before {
        color: #1FABE4;
    }
    .menu-panel-inner {
        width: 100%;
    }
    .ptb-80 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pdg-btm {
        padding-bottom: 20px;
    }
    .show-knwledge {
        display: block;
    }
    .knowledge-bank-icon {
        position: relative;
    }
    .knowledge-bank-icon:after {
        content: '';
        background: url(../images/icons/arrow-down-white.svg) no-repeat;
        position: absolute;
        top: 7px;
        right: -25px;
        background-size: 21px 12px;
        height: 16px;
        width: 16px;
    }
    .knowledge-bank-icon.show-active-icon:after {
        transform: rotateX(180deg);
        top: 2px;
    }
    .single-services-container p {
        padding-bottom: 0;
    }
    .banner-img-one {
        background: url(../images/home/phone-banner-one.jpg) no-repeat;
        height: 50vh;
        background-size: cover;
    }
    .banner-img-two {
        background: url(../images/home/phone-banner-two.jpg) no-repeat;
        height: 50vh;
        background-size: cover;
    }
    .banner-img-three {
        background: url(../images/home/phone-banner-three.jpg) no-repeat;
        height: 50vh;
        background-size: cover;
    }
    #sgco-subp-popup {
        left: 21px;
        position: absolute;
        top: 35vh !important;
        z-index: 9999;
        opacity: 1;
        /*display: block;*/
        right: 21px;
    }
}

@media (max-width:768px) {
    .menu-panel {
        height: calc(100vh - 65px);
        overflow-y: scroll;
    }
    .menu-panel-inner {
        width: 65%;
        margin: 0 auto;
    }
    .menu-panel-inner::-webkit-scrollbar {
        display: none;
    }
    .single-services-box h3 {
        margin-top: 0px;
        min-height: 0;
    }
    .pdg-60 {
        padding-top: 10px;
    }
    .banner-text h1 {
        font-size: 25px;
        line-height: 40px;
        letter-spacing: 6px;
    }
    .breadcrumb-section h1 {
        font-size: 26px !important;
    }
    .about-us .mrgn-btm-0 {
        margin-bottom: 20px;
    }
    .about-us-first-section,
    .our-vision-section,
    .approach-process-section {
        padding: 10px 0 10px 0;
        margin: 20px 0 20px 0;
    }
    .box-mrgn-30 {
        margin-bottom: 30px;
    }
    .strengths-advantages-section {
        padding: 30px 0 30px 0;
        margin: 30px 0 30px 0;
    }
    .static-menu {
        max-width: 100%;
        padding-left: 0;
    }
    .update-bank-padding {
        padding-right: 15px !important;
    }
    .updates-tab-content ul {
        padding-left: 0;
    }
    .letter-col {
        width: 50%;
        border-bottom: 1px solid #DBDFEA;
        height: 150px;
    }
    .page-not-found-container {
        width: 100%;
    }
    .page-not-found-container:after {
        display: none;
    }
    .page-not-found-container:before {
        display: none;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 0px !important;
    }
    #lightcase-content iframe {
        height: 100vh !important;
        max-height: 100vh !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }
    #lightcase-case {
        top: 0 !important;
        margin: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
    }
    .lightcase-contentInner {
        height: 100vh !important;
        max-width: 100% !important;
    }
    a[class*='lightcase-icon-'].lightcase-icon-next {
        right: 0 !important;
        color: #000 !important;
        bottom: 0 !important;
    }
    a[class*='lightcase-icon-'].lightcase-icon-prev {
        left: 0 !important;
        color: #000 !important;
        bottom: 0 !important;
    }
    a[class*='lightcase-icon-'].lightcase-icon-close {
        top: 5px !important;
        right: 5px !important;
        color: #000 !important;
    }
    .team-profile-container h2 {
        padding-top: 10px;
        padding-bottom: 0;
    }
    .about-us-section .owl-carousel .owl-item img {
        display: none;
    }
    .about-us-section {
        margin-top: 0px;
        margin-bottom: 10px;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .about-us-section .owl-dots {
        bottom: 0 !important;
        top: auto !important;
    }
    .services-section,
    .knowledge-section,
    .contact-us-section {
        margin-bottom: 0px;
        padding-bottom: 20px;
        margin-top: 0px;
    }
    .pop-right-cont {
        padding: 10px 0px 10px;
    }
    #sgco-subp-popup {
        padding: 20px;
    }
}

@media (max-width:767px) {
    .align-center {
        text-align: center;
    }
}

@media (max-width:414px) {
    .pdg-15 {
        padding: 15px;
    }
    .pdg-top-20 {
        padding-top: 20px;
    }
    .services-box {
        margin-bottom: 15px;
    }
    .second-row-services {
        margin-top: 0;
    }
    .copyright-right-section {
        padding-top: 10px;
        text-align: center;
        padding-right: 0;
        padding-left: 0;
    }
    .pdg-left-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-section ul {
        padding-top: 10px;
    }
    .contact-us-form {
        padding: 30px;
    }
    .breadcrumb-section {
        padding: 40px 0px 40px 0px !important;
    }
    .box-mrgn-30 {
        margin-bottom: 15px;
    }
    .accordin-div {
        margin-top: 20px;
    }
    .contact-box-place-office h6 {
        min-height: 40px !important;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 10px !important;
    }
    .banner-text h1 {
        font-size: 23px;
        line-height: 40px;
        letter-spacing: 2px;
    }
    .single-services-box h3 {
        min-height: 35px;
    }
    .about-us-section .owl-dots {
        background-color: transparent;
    }
    #sgco-subp-popup {
        left: 21px;
        position: absolute;
        top: 20vh !important;
        z-index: 9999;
        opacity: 1;
        /*display: block;*/
        right: 21px;
    }
    #sgco-subp-popup {
        left: 21px;
        position: absolute;
        top: 22vh !important;
    }
    .popup-img {
        width: 75%;
    }
}

@media (max-width:380px) {
    .menu-panel-inner {
        width: 70%;
    }
    .banner-text h1 {
        letter-spacing: 0px;
    }
}

@media (max-width:320px) {
    .pop-right-cont h5 {
        font-size: 16px;
        line-height: 26px;
    }
}