@media (max-width:767px) and (min-width:320px) {
    .services-offer-section {
        padding: 40px 0 0;
    }
    .item-padd-mob .simple-text{
        padding: 0px;
    }
    .link-type-1{
        padding: 0 0 15px;
    }
    footer .copyright p{
        font-size: 11px;
    }
    .service_sec_img img {
        width: 355px;
        margin-top: 0px;
    }
    .fz_Service_bgimage1{
        height: 808px;
    }
    .btn_transparent{
        background-color:transparent !important;
        border: 1px solid #fff;
    }
    .ser_img {
        background-image: url(../images/ser.png);
        background-position: 0px 4px;
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 40px;
    }
    .tabcontent{
        height: 850px;
    }
    .sg_solution_men {
        padding: 25px 0px;
    }

    .section-title {
        margin-bottom: 15px;
    }

    .btn-info {
        border-radius: 0px !important;
        BORDER: 1PX SOLID #31b0d5;
        margin: 7px 17px;
        background-color:#31b0d5;
        color: #fff !important;
    }

    .draft_web {
        display: none !important;
    }

    .google_map iframe {
        width: 100%;
    }
    .call_corp{
        padding: 30px 40px;
    }
    .font-16 h3 {
        color: #fff;
        margin: 7px 0;
    }
    footer .up-footer .info-widget p{
        font-size: 13px;
    }
    .fz_hide {
        display: none !important;
    }

    .section_st {
        padding-top: 80px;
    }

    .sg_contact_home_1 h2 {
        font-size: 18px;
    }

    .sg_mv_men {
        padding-bottom: 40px;
    }

    .sgclearn_about_men {
        padding: 40px 0px 30px;
    }

    .about_agency_area .round_shap {

        background: none;
    }

    .mb-60 {
        margin-bottom: 30px;
    }

    .call_corp h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .btn_start {
        padding: 12px 20px;
    }

    .sg_solution_1 h2 {
        font-size: 24px;
        line-height: 23px;
        word-spacing: 0;
        letter-spacing: 0px;
    }

    .simple-text.lg p {
        font-size: 15px;
        line-height: 24px;
    }

    .contact_address_sg {
        border-top: none;
        padding: 0 0px 0px;
    }

    .contect_men_section_sg {
        padding: 40px 0px 40px;
    }

    .sg_solution_1 p {
        position: relative;
        font-size: 14px;
        line-height: 22px;
        padding: 0px 2px;
        padding-bottom: 40px;
    }

    .nav_log a img {
        width: 95px;
        padding: 2px 5px 5px 5px;
    }

    header.active .navbar-fixed-top {
        height: 80px;
    }

    .sgclearn_about_heading h2 {
        font-size: 18px;
    }

    .content_mission {
        height: auto;
    }


    .body_mission {
        margin-bottom: 20px;
    }

    .tab_service_right h2:before,
    .title:after {
        width: 50%;
        right: -50%;
    }

    .fix_social_link {
        position: fixed;
        bottom: 65px;
        z-index: 999999;
        opacity: 1;
        right:0px !important;
    }

    .dropdown_mega .glaxy {
        display: block;
    }

    .sg_service_1_men {
        padding: 35px 0px;
    }

    .about-section1 .about-text,
    .about-section-s2 .about-text {
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .section-title h2,
    .section-title-s2 h2,
    .section-title-s4 h2,
    .section-title-s3 h2 {
        font-size: 26px;
    }

    .services-offer-section .tg-service .tg-border-topleft {
        margin: 0 0 20px;
    }

    .cta-section {
        padding: 50px 0;
    }

    .cta-section h3 {
        font-size: 15px;
    }

    .a_testimonial2 {
        padding: 0 0 40px;
        height: auto;
    }

    .a_testimonial1 {
        height: auto;
    }

    .pull-left p,
    .pull-right p {
        font-size: 13px;
    }

    .pt-20 {
        padding-top: 20px;
    }

    header.active .navbar-nav > li > a {
        color: #fff !important;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff !important;
    }

    .navbar-brand h5 {
        padding: 6px 0px 6px 16px;
    }

    .section-padding2 {
        padding: 40px 0;
    }

    .contact-section {
        padding: 40px 0 0;
    }

    .hero-style-1 .slide,
    .hero-style-2 .slide {
        height: 220px !important;
    }

    .hero-style-1 .slide .rect:before,
    .hero-style-2 .slide .rect:before {
        height: 231%;
    }

    .theme-btn-s51 {
        height: 40px !important;
    }

    .tab .nav-tabs li {
        margin: 0px;
    }

    .dropdown-menu {
        margin: 22px 0 0;
    }

    .list_item a,
    .list_item1 a {
        color: #fff;
    }

    .showUpGalleryCloseIcon {
        right: 0px;
        top: -46px;
    }

    .page-banner-section h2 {
        font-size: 18px;
    }

    .white_pane {
        background: none;
    }

    .mobile_career_page_area {
        width: 100%;
        padding: 9px 16px;
        margin-bottom: 20px;
    }

    .contact-section {
        padding: 40px 0 30px;
    }

    .modal_dialog {
        width: auto;
        margin-top: -33px;
    }
    .social_link_img{
        padding-left:none;
    }
    .pb-10 {
       margin-bottom: 30px;
    }
}

@media (max-width:1023px) and (min-width:768px) {
    .mega_menu {
        font-size: 30px;
        float: right;
        margin-top: 19px;
        display: block;
    }
    .contect_men_section_sg{
        padding: 40px 0;
    }
    .contact_address_sg{
        padding: 40px 0;
    }
    .simple-text.lg p{
        font-size: 17px;
    }
    .hero-style-1 .slide .rect:before, .hero-style-2 .slide .rect:before{
        width: 130%;
    }
    .body_mission{
        height: 240px;
    }
    .mega_menu {
        display: none;
    }
    .about_agency_area .agency_contant p{
     max-width: 100%;
    }
    .dropdown_mega {
        display: block;
    }

    .page-banner-section {
        margin-top: 0px;
    }

    .company_detail {
        padding: 20px 0 20px;
    }

    header.active .navbar-nav > li > a {
        color: #333 !important;
    }

    .img-holder1 {
        width: 100%;
    }

    .sg_solution_men {
        padding: 0px 0px;
    }

    .mb-60 {
        margin-bottom: 17px;
    }

    .navbar-right {
        margin-left: 12px;
    }

    .services-offer-section .tg-service .tg-border-topleft {
        margin: 0 0 50px;
    }

    .services-offer-section {
        padding: 70px 0 0;
    }

    .middle_btn {
        margin-left: 20px;
    }

    .mg_home_bg_1 {
        margin-bottom: 55px;
    }

    .services-offer-section {
        padding: 50px 0 0;
    }

    .about-section1 .about-text,
    .about-section-s2 .about-text {
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .section-title {
        margin-bottom: 35px;
    }

    .we-100 {
        width: 100%;
    }

    .a_testimonial2 {
        padding: 0 0 40px;
        height: auto;
    }

    .a_testimonial1 {
        height: auto;
    }

    .pt-20 {
        padding-top: 20px;
    }

    .about-section2 {
        padding: 70px 0 20px;
    }

    .feature {
        text-align: left;
        padding: 10px 10px 30px;
    }

    .hero-style-1 .slide,
    .hero-style-2 .slide {
        height: 592px;
    }

    .tab .nav-tabs li a {
        font-size: 13px;
    }

    .theme-btn-s51 {
        padding: 11px 60px;
        font-size: 40px;
    }

    .project-section .grid .details p,
    .project-section-s2 .grid .details {
        opacity: 1;
    }

    .project-section .grid .details h3,
    .project-section-s2 .grid .details {
        bottom: 150px;
    }

    .section-title h2,
    .section-title-s2 h2,
    .section-title-s4 h2,
    .section-title-s3 h2 {
        font-size: 27px;
    }

    .hero-style-1 .slide,
    .hero-style-2 .slide {
        height: 455px;
    }

    .bg_slider_ad1 {

        height: 455px;
        background-repeat: no-repeat;
    }

    .tab .nav-tabs li a {
        font-size: 10px;
        padding: 13px 0px;
        margin: 0px 13px -1px 0;
    }

    .mobile_career_page_area {
        width: 100%;
    }

    .service_sec_img img {
        width: 244px;
        margin-top: 163px;
    }

    .ser_img {
        background-image: url(../images/ser.png);
        background-position: 0px 2px;
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 50px;
    }

    .font-16 h3 {
        font-size: 12px;
    }

    .draf2t_web h3 {
        font-size: 12px;
    }
    .tab_men_heading_sg{
        margin-bottom: 50px;
    }
    .tabcontent{
        height: 840px;
    }
    .fz_Service_bgimage1{
        height: 780px;
    }
    .sg_service_1_men{
        padding: 80px 0 20px;
    }
    .item-padd-mob .simple-text{
        padding-bottom: 0px;
    }
    .link-type-1{
        padding-bottom: 15px;
    }
}

@media (max-width:1365px) and (min-width:1024px) {

    header.active .navbar-nav > li > a:hover,
    header.active .navbar-nav > li > a.active {
        color: #0077be !important;
        padding: 14px 0px 19px 16px;
    }
    .about_agency_area .agency_contant p{
        max-width: 100%;
    }
    .draf2t_web h3 {
        font-size: 14px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 14px 0px 19px 16px;
    }

    .font-16 h3 {
        font-size: 14px;
    }

    .service_sec_img img {
        width: 100%;
    }
}

@media (max-width:1024px) and (min-width:768px) {
    .navbar-brand h5 {
        padding: 15px 0 0 0;
        font-size: 15px;
    }

    .services-offer-section {
        padding: 70px 0 30px;
    }
}

@media (max-width:1920px) and (min-width:1400px) {
    .navbar-brand h5 {
        padding: 15px 0 0 0;
        font-size: 15px;
    }

    .services-offer-section {
        padding: 70px 0 30px;
    }

    .ser_img {
        background-image: url(../images/ser.png);
        background-position: 0px -681px;
        background-size: cover;
        background-repeat: no-repeat;
    }

}