/*****************************************/
/*             Mobile View               */
/*****************************************/

@media only screen and (max-width: 1199px){
    .rev-slider .banner .slider-title {
    	font-size: 5.5vw;
    }
    
    .service-provider .provide-title{
        font-size:30px;
    }
}

@media only screen and (max-width: 1024px){
    .menus .btn-menu{display:none;}
}

@media only screen and (max-width: 991px){
    #sidebar-footer .col-md-6 .custom-html-widget{
        display:block;
    }
    
    #sidebar-footer .col-md-6:first-child{
        width:100%;
    }
    
    #sidebar-footer .col-md-6:last-child{
        width:100%;
    }
    
    #sidebar-footer .col-md-6 .widget_media_image{
        margin-bottom:35px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    #sidebar-footer .col-md-6 .widget_media_image img{
        max-width:50% !important;
    }
    
    #sidebar-footer .col-md-6 .widget_text{
        margin-bottom:0;
    }
    
    #sidebar-footer .col-md-6 .widget_custom_html p{
        width:auto;
        text-align:center;
    }
    
    #sidebar-footer .col-md-6 .widget_custom_html p .add1,
    #sidebar-footer .col-md-6 .widget_custom_html p .add2{
        display:block;
    }
    
    #sidebar-footer .col-md-6 .widget_custom_html .tel{
        text-align:center;
    }
    #sidebar-footer .col-md-6 .widget_custom_html .email{
        text-align:left;
        display:grid;
        grid-template-columns: auto auto auto;
    }
    
    #sidebar-footer .col-md-6 .widget_custom_html .email .mail1{
        display:block;
    }
    #sidebar-footer .col-md-6 .widget_custom_html .email .mail2{
        display:block;
        padding-left:0;
        padding-right:0;
    }
    #sidebar-footer .col-md-6 .widget_custom_html .email .mail3{
        display:block;
        padding-left:0;
        padding-right:0;
    }
    
    .service-provider .provide-list{
        margin-top:35px;
    }
    
    .pd-50{
        padding-top:35px;
        padding-bottom:35px;
    }
    
    .pd-70{
        padding-top:35px;
        padding-bottom:35px;
    }
    
    .pd-b-70{
        padding-bottom:35px;
    }
    
    .event-row .wpb_content_element {
    margin-bottom: 0px;
    }
    
    .event-row h2 {
    padding-bottom: 35px;
}

    
}

@media only screen and (max-width: 767px){
    .menus .btn-menu{display:block;}
    .logos {display: block;}
    .menus #mainnav.leftright{display:none;}
    
    .menus #mainnav-mobi{top:76px;}
    
    #masthead{padding:20px 0;}
    
    .header-wrap .container .row .logos{
        text-align:left;
        margin-bottom:0;
    }
    
    .header-wrap .container .row .menus{
    	position: absolute;
    	top: 0;
    	right: 0;
    }
    
    .header-wrap .container .row .menus .btn-menu{
    	position: absolute;
    	top: 0;
    	right: 15px;
    	margin-top: 27px;
    	font-size:21px;
    }
    
    .logos .site-logo{
        margin-bottom:0;
        max-height:50px;
    }
    
    .rev-slider .banner .slider-title {
    	font-size: 6.5vw;
    	left:5%;
    }
    
    .title-center p,
    .title-right p,
    .title-left2 p{
        font-size:30px;
    }
    
    .home-vision .vision-box .title-right p{
        text-align:center;
    }
    
    .home-vision .vision-box .title-right p::after{
        right:auto;
        left:50%;
        transform:translateX(-50%);
    }
    
    .home-vision .vision-text ul{
        padding-left:20px;
    }
    
    .icons-row .icon5 .vc_column-inner .wpb_wrapper{
        display: grid;
        grid-template-columns: 50% 50%;
    }
    
    .icons-row .icon5 .icon{
        width:100%;
        padding-top:0;
        margin-bottom:0;
    }
    
    .home-service .service-box .vc_col-sm-6.box-img .vc_column-inner {
	    padding-left: 15px; 
    }
    
    .home-service:before {
    	display: none !important;
    }
    
    .home-service{
        padding-top:0;
    }
    
    .home-contact {
        margin-top:0;
    }
    
    .home .home-contact .vc_col-sm-4 .vc_column-inner{
        padding-top:0 !important;
    }
    
    .home-contact .man-absolute {
    	position: relative;
    }
    
    #colophon .container{
        flex-direction:column;
    }
    
    #colophon .container .inspiren-div{display:none;}
    
    #colophon .container p{
        text-align:center;
    }
    
    #colophon .container p .reserve{display:inline-block;}
    
    .history .history-1 figure,
    .history .history-2 figure{
        max-width:86%;
    }
    
    .history .history-1,
    .history .history-2{
        text-align:center !important;
    }
    
    .history-space{display:none;}
    
    .history.mobi-flex{
        display:flex;
        flex-direction:column-reverse;
    }
    
    .list-of-service .list-row{
        display:grid;
        grid-template-columns: 50% 50%;
    }
    
    .list-of-service .list-row:before,
    .list-of-service .list-last-empty{
    	display: none;
    }
    
    .survey-row::before {
    	display: none !important;
    }
    
    .survey-row .survey-text p{
        width:100%;
        padding-right:0;
        padding-bottom:0;
    }
    
    .survey-row .survey-text{margin-bottom:0;}
    
    .survey-row .survey-btn .vc_btn3.vc_btn3-size-md{
        padding-left:0;
        padding-right:0;
        display:block;
    }
    
    .enquiry-us .form {
    	display: block;
    	margin-bottom:10px;
    }
    
    .enquiry-us .form input{
        margin-bottom:10px;
    }
    
    .contact-details .details-company,
    .contact-details .details-add,
    .contact-details .details-tel,
    .contact-details .details-email{
        margin-bottom:20px;
    }
    
    #pum-295 .score-result .score-total,
    #pum-295 .score-result .score-table{
        margin-left:auto;
        margin-right:auto;
        width:100%;
    }
    
    .survey-question .comment{display:block;}
    .survey-question .comment label{margin-bottom:10px;}
    .survey-question .comment input{
        margin-bottom:10px;
        height:40px;
        
    }
    
    .survey-profile{
        display:block;
    }
    
    .survey-profile p{
        margin-bottom:10px;
    }
    
    .list-of-service .service-desc {
    	/*width: 55%;*/
    }
    
    /*.contact-details .details-email p{display:block;}*/
    
    .home-contact .contact-text p {
    	padding: 30px 40px 15px;
    	color: #fff;
    	font-family: myriadC;
    	font-size: 18px;
    	width: 100%;
    	position: relative;
    }
    
    .home-contact .man-absolute{display:none;}
    
    .home-contact .blue-btn a{
        /*font-family:myriadB;*/
        font-family:myriadC;
        font-size:18px !important;
    }
    
    .home-about .about-img .img-man .vc_single_image-wrapper {
    	max-width: 65%;
    	overflow: hidden;
    }
    
    .home-contact::before {
    	content: '';
    	position: absolute;
    	top: 0;
    	right: 0;
    	width: 45%;
    	height: 100%;
    	background: #ffd600;
    	-webkit-clip-path: polygon(93% 0, 100% 0, 100% 100%, 0% 100%);
    	clip-path: polygon(93% 0, 100% 0, 100% 100%, 0% 100%);
    	display: block !important;
    }
    
    #sidebar-footer .col-md-6 .widget_text p .reg{
        display:inline-block;
    }
    
    #sidebar-footer .col-md-6 .widget_text p .sdn-bhd{
        display:inline-block;
    }
    
    .home-about .about-text p {
    	line-height: 1.2;
    }
    
    .contact-details{
        display:flex;
        flex-direction:column-reverse;
        
    }
    
    .contact-details .details-logo{
        text-align:center !important;
    }
    
    .contact-details .details-add,
    .contact-details .details-tel{
        text-align:center;
        
    }
    
    .contact-details .map-left .wpb_gmaps_widget {
    	max-width: 100%;
    }
    
}   

@media only screen and (max-width: 550px){
     #sidebar-footer .col-md-6 .widget_custom_html .email{
        text-align:left;
        display:grid;
        grid-template-columns: auto auto;
    }
    
    #sidebar-footer .col-md-6 .widget_custom_html .email .mail1{
        display:block;
    }
    #sidebar-footer .col-md-6 .widget_custom_html .email .mail2{
        display:block;
        padding-left:0;
        padding-right:0;
        text-align:right;
    }
    #sidebar-footer .col-md-6 .widget_custom_html .email .mail3{
        display:block;
        padding-left:36px;
        padding-right:0;
    }
    
     .contact-details .details-email p{
    	text-align: left;
    	display: grid;
    	grid-template-columns: auto auto;
    	font-size:16px;
    }
    
    .contact-details .details-email .mail1,
    .contact-details .details-email .mail2,
    .contact-details .details-email .mail3{
        display:block;
        font-size:16px;
    }
    
    .contact-details .details-email .mail2{
    	/* padding-left: 47px; */
    	/*padding-left: 36px;*/
    	padding:0;
        text-align:right;
    }

    .contact-details .details-email .mail3{
        padding-left: 36px;
    }
    
    .contact-details .details-tel{
        font-size:16px;
    }
    
    .contact-details .details-add{
        font-size:16px;
    }
    
    #sidebar-footer .col-md-6 .widget_custom_html p{
        font-size:16px;
    }
}

@media only screen and (max-width: 479px){
    .home-about .about-img .img-cert img{max-width:60%;}
    
    .home-vision .vision-box{width:100%;}
    
    .service-provider .provide-list{
        margin-top:70px;
    }
}

/*Career Page*/
@media only screen and (max-width: 767px){
    .title-left2 p .font30 {
    	font-size: 24px;
    }
    
    .career-banner .slider{margin-bottom:35px;}
    
    .career-row {
    	padding-top: 0;
    	padding-bottom:20px;
    }
    
    .career-row.row-odd:before,
    .career-row.row-even:before{
        display:none !important;
    }
    
    .jobs > .wpb_column:first-child > .vc_column-inner {
        padding-top:0;
        padding-left:15px;
    }
    
    .jobs > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper{
        padding-left:15px
    }
    
    .jobs .wpb_single_image{
        width:70%;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:0;
    }
}