@media only screen and (max-width:1850px){
    .sucess ul li{font-size: 20px;}   
    .home-about h2{padding-top: 100px;}
    
}

@media only screen and (max-width:1745px){
    .home-about h2{font-size:43px;}
    .home-about p{font-size: 18px; line-height: 28px;}
    .sucess ul li{ padding: 20px 35px; font-size: 20px;}
    
}


@media only screen and (max-width:1675px){
    .home-about h2{font-size:40px;}
   
    
}


 @media only screen and (max-width:1600px) {
.about-content p { padding: 7px 0 0 0; }
figure.effect-hera figcaption::before { width: 150px; height: 150px; }
.home-warap h1 { font-size: 32px; }
     .home-about h2{font-size: 38px;}
     .sucess ul li{font-size: 16px;}
    
}

@media only screen and (max-width:1500px) {
    .home-about h2{ font-size: 35px;}
    .home-about p{font-size: 16px; padding-top: 25px;}
    .sucess ul li{padding: 15px 30px;}
    
}

 @media only screen and (max-width:1400px) {
figure.effect-hera figcaption::before { width: 130px; height: 130px; }
figure.effect-hera h2 { font-size: 16px; }

.about-home{ width:68%;}
.serv-head h2{ font-size:20px;}
.container{ width: 100%; padding: 0 20px;}
.banner-container{width: 100%; padding: 0 20px;}
     .home-about h2{font-size: 30px;}
     .home-about p{font-size: 14px; line-height: 24px;}
     .support-list li{    width: 31.3%;}
}




 @media only screen and (max-width:1300px) {
.contact-cont .contact-right { padding: 45px 20px }
     .sucess ul li{font-size: 14px;}
     .home-about p{     padding-top: 20px; }
     
     .home-about h2{ padding-top: 80px;}
     .service-page{ width: 100%; margin-right: 0;}
     .support-list li{width: 31.22%;}
}
 @media only screen and (max-width:1200px) {
.logo { width:120px; height:120px; margin: 0 0 0 0px; }
.logo-sec { padding: 12px 0; }
header{ padding:0 20px;}
.home-warap h1 { top: 25px; font-size: 26px; }
.inner-cont h2 { font-size: 25px; }
.page-head { margin-left: 40px; }
.serv-head h2{ font-size:16px;}
     .home-about{ width: 55%;}
     .home-about h2{    padding-top: 60px;}
     


.container{max-width:inherit;width:100%;margin:0px;float:left;	}
     .news-title p{font-size: 15px; line-height: 25px;}  
     .news-detail p{font-size: 15px; line-height: 25px;}
     .news-detail{ margin-top: 30px;}
     .news-title h2{font-size: 23px;}
     .news-date{padding-bottom: 0;}
     .service-page h2{font-size: 22px; line-height: 30px;}
     .banner-head{padding-bottom: 25px;}
     .inner-page{padding: 50px 0;}
     .service-box li .serv-descrp h2{font-size: 28px;}
     .content-box{    padding-left: 30px;}
     .security-service-left h1{ padding-bottom: 10px;}
     .security-service-left{padding-left: 30px;}
     .inner-page p{font-size: 16px; line-height: 36px;}
     .security-service-box{margin: 30px 0;}
     .support-list{ margin-top: 0;}
     .title h2{font-size: 22px;}
     .top-head{padding-left: 30px;}
     .top-head h2{font-size: 21px; line-height: 35px;}
     .sponsorship{margin: 40px 0 ;}
     .sponsorship-right{padding-left: 30px;}
     .sponsorship-right h4{ font-size: 19px; line-height: 33px; padding-bottom: 10px;}
     .btm h2{ font-size:19px; line-height: 30px;}
     .bottom-box-right{padding-left: 30px;}
     .left-side{padding-left: 0; padding-right: 30px;}
     .ceo h3{font-size: 26px;}
     .box-row h2{font-size: 35px;}
     .serv-box h2{font-size: 35px;line-height: 45px;     margin-bottom: 35px;}
     .clients-box h2{font-size: 35px; margin-bottom: 20px;}
     .clients-box{ padding: 50px 0;}
     .serv-box{padding-right: 20px;}
     .white-box{    padding: 10px 0 40px 0;}
     header nav ul li{padding:62px 0 62px 30px;}
     header{height: 150px;}
}
.slicknav_menu { display: none; }




 @media only screen and (max-width:1025px) {
     
#menu { display: none; }
     .slicknav_menu{ display: block;}
#cssmenu { display: none; }
.js .slicknav_menu { display: block; }
nav { margin: 0px; height: 55px; }
.lag{right:65px;}
nav li { margin: 0px; }
nav ul .drop-menu li a { float: right; text-align: right; background:#0d345f; border: none; }
.drop-menu > li { padding: 0px;background:#0d345f; }
nav ul li .subMenu .levalmenu li { background: #666 !important; }
.mb-lng { display: block; }
nav li.lng { display: none; }
nav ul li .subMenu:after { display: none; }
     .head-midd nav ul li a{ height: auto; width: auto; float: right;}
     .head-midd nav ul{ margin: 0;}
     .head-midd nav ul li{ width: 100%; padding: 0;}
     .head-midd nav ul li a:before{ display: none;}
     nav ul .drop-menu li a{font-size: 12px;}
     .mega-menu li{padding: 0;}
       .mega-menu li:hover{padding: 0;}
     .mega-menu{background: #000;}
     header nav ul li{  padding: 0px 0px 0px 0px; text-align: right;}    
     .slicknav_nav{ width: 50%; }
     .home-about h2{ font-size: 22px; padding-top: 30px;}
     .home-about p{font-size: 13px; line-height: 18px;  padding-top: 10px;}
     .sucess ul li{ font-size: 13px; padding: 5px 15px;}
     
     .box-row h2{font-size: 30px;}
     .news-decp p{font-size: 13px; line-height: 21px;}
     .news-slide li{ padding: 10px 20px 10px 20px; margin: 0 0;}
     .date h3{font-size: 28px;}
     .date p{font-size: 18px;}
     .box-row h2{ padding-top: 20px;}
     .white-box{ padding: 10px 0 20px 0;}
     .serv-box h2{font-size:34px; line-height: 42px; padding-top: 40px;}
     .logo{ width: 100px; height: 100px;}
     header{height: 120px;}
     .inner-page{padding: 30px 0;}
     .banner-head h2{font-size: 30px;}
     .bredcrumb ul li a{font-size: 13px;}
     .bredcrumb ul li{padding: 5px 15px 5px 0;}
     .inner-page p{ font-size: 14px; line-height: 25px;}
     .abt-years h2{font-size: 50px;}
     .abt-years span{font-size: 30px;}
     .abt-years p{padding-top: 0;}
     .abt-years{padding: 20px 0;}
     .about-us{ padding-left: 70px;}
     .abt-years{ width: 90%;}
     .logo-btm img{ width: 50%;}
     .banner-head{ padding-bottom:35px;}
     header{padding: 0 0px;}
     .container{ padding: 0 10px;}
     .slicknav_menu{top:35px !important;}
     header nav ul li a:before{display: none;}
     .inner-head h2{font-size: 26px;}
     .ceo h3{font-size: 22px;}
     .message-cont p:after{background-size: 18px;}
     .message-cont p:before{background-size: 18px;}
     .cd-timeline__date{color: #FFF;opacity: 1;}
     .cd-timeline__content p{font-size: 15px !important; line-height: 20px !important;}
     .news-box .news-decp p{ font-size: 13px; line-height: 20px; text-align: left;}
     .news-box{ padding: 15px 10px;}
     .date h3{ font-size: 20px;}
     .inner-page p{font-size: 13px;}
     .date{ padding: 0 10px 0 0px;}
     .news-decp span{ margin-top: 10px; font-size: 13px;}
     .news{ width: 32.4%; margin-right: 10px;}
     .news-decp{padding-top: 0;}
     .news-title{ padding-left: 20px;}
     .news-title h2{font-size: 20px; padding: 10px 0; margin-bottom: 10px; }
     .news-date{padding: 0;}
     .news-date h3{font-size: 16px;}
     .news-detail{ margin-top: 20px;}
     .service-box li .serv-descrp{padding: 20px 20px 0 20px;}
     .service-box li{ width: 49.9%; margin-bottom: 20px;}
     .serv-descrp span{padding-top: 15px;}
     .service-page h2{font-size: 20px; padding-bottom: 20px;} 
     .service-box li .serv-descrp p{font-size: 15px;}
     header nav ul li a{ width: auto;}
     .top h2{font-size: 22px; line-height: 30px; padding-bottom: 20px;}
     .content-box{padding-left: 10px;}
     .life-support-btm h2{ font-size: 22px; line-height: 30px; padding: 15px 0 0 0;}
     .support-list{ margin-top: 20px;}
     .support-list li{    width: 31.3%; margin-right: 10px; margin-bottom: 10px;}
     .sponsership-container h1{font-size: 22px; margin-bottom: 0;}
     .top-head h2{font-size: 16px; line-height: 25px;}
     .sponsorship{margin: 5px 0 20px 0;}
     .sponsorship-right h4{font-size: 14px; line-height: 20px;}
     .list li{font-size: 13px; background-size: 13px; line-height: 18px; padding: 8px 0 8px 20px;  background-position-y: 10px;}
     .btm h2{font-size: 16px; line-height: 22px;}
     .bottom-box-right{padding-left: 20px;}
     .left-side{padding-left: 0; padding-right: 20px;}
     .sponsorship-right{padding-left: 20px;}
     .top-head{padding-left: 20px;}
     .btm{padding-top: 30px;}
     .detail-page-container h1{font-size: 24px; margin-bottom:10px; line-height: 35px;}
     .detail-page-container h4{font-size:22px !important;}
     .left-side{padding-left: 0;}
     .hse-head{padding-left: 30px;}
     .hse-security{ margin: 20px 0; padding: 15px 0;}
     .hse-security ul li{font-size: 13px; line-height: 20px; background-size: 13px; background-position-y: 10px;   padding: 10px 0 10px 20px; }
     .hse-service h2{font-size: 18px; line-height: 22px;}
     .footer-row{ width: 100%; float: left; display: inline-block;}
     .btm-logo{ width: 15%; float: left;}
     .btm-nav{ width: 26%; float: left;}
     .btm-service{ width: 26%; float: left; }
     .btm-contact{ width: 30%; float: left; }
     .footer-row{padding-top: 20px; padding-bottom: 20px;}
     .logo-btm img{ width: 80%;}
     footer h2{ padding-bottom: 10px;}
     .copy-right p{padding: 10px 0;}
      .cd-timeline__content p{font-size: 14px !important;}
     .cd-timeline__container::before{border-left: 2px dotted #0d345f !important;}
     .cd-timeline__img{top: 30px !important; width: 15px !important; height: 15px !important;}
    .cd-timeline__container::before{ border-left: 2px dotted #0d345f !important; left: 7px !important;}
     .cd-timeline__content{ margin-left: 50px !important;}
     .ceo-photo{ width: 180px; height: 180px; }
     .ceo{ padding-right: 20px;}
     nav ul .drop-menu li{padding: 0; border-bottom: solid 1px #103d6f;}
     .serv-box{ width: 100%; padding-right: 20px;}
     .btn-view{ width: 40%; margin: 15px 0 0 0;}
     .btn-view a{font-size: 14px;}
     .serv-box h2{margin-bottom: 20px;}
     .service-list{ width: 100%; padding-right: 20px; margin-top: 30px; padding-bottom: 40px;}
     .history-box h2{font-size: 40px;}
     .history-box h3{font-size: 18px;}
     .history-box{    padding:30px 10px 30px 10px;}
     .serv-box p{font-size: 13px; line-height: 20px;}
     .serv-descrp h2{padding: 10px 0;}
     .serv-descrp p{font-size: 13px; line-height: 20px;}
     .history-box p{font-size: 13px;}
     .map{ padding-left: 20px;}
     .contact-page h2{padding-bottom: 10px; line-height: 30px;}
     .slicknav_nav .slicknav_item{ margin: 0 !important;     padding: 5px 10px !important;}
     .mega-menu li{border-bottom:1px solid #103d6f !important; background: #0d345f !important}
     .mega-menu li a{font-size: 13px;}
     .mega-menu{background: #222 !important;}
     .sub-menu li{background: #333 !important; border-bottom:1px solid #3c3c3c !important;}
     .sub-menu li a{font-size: 12px;}
     .comp-history{    background: #103d6f;}
     .chart{ display: block; opacity: 1; } 
     
     .content{display: none !important; opacity: 0;}
     .orginize-cont{    margin-top: 0px !important; padding: 30px 0;}
}









 @media only screen and (max-width:767px) {

.menu-part { width: 30%; }

.page-head { width: 80%; margin-top: -10px; }
.page-head { margin-left: 10px; }
.page-head h1 { font-size: 25px; }
.breadCrumb ul li { font-size: 12px; }
.page-head { padding: 10px 0 15px 20px; }


.footer-addr{ width:40%;}
.footer-cont{ width:33%;}
.srv-slide li{width:33.3%;}
     .serv-box{ width: 100%;}
     .service-list{ width: 100%;     padding-bottom: 20px;     padding-right: 10px;}
     .serv-box h2{ font-size: 30px; line-height: 0; padding-top:50px; padding-bottom: 0px; margin-bottom:35px;}
     .serv-box p{font-size: 13px; line-height: 18px;}
     .btn-view{ margin: 20px 0 0 0; font-size: 13px;}
     .service-list{    margin-top: 30px;}
     .serv-descrp h2{font-size: 16px; padding: 20px 0 0px 0}
     .serv-descrp p{font-size: 13px; line-height: 18px; padding: 10px 0 15px 0;}
     .history-box h2{font-size: 40px;  line-height: 50px;}
     .history-box h3{font-size: 18px;}
     .history-box{padding: 10px 15px;}
     .serv-box{padding-right: 10px;}
     .btn-view a{font-size: 13px;}
     .history-box p{font-size: 13px;}
      .inner-page p{ font-size: 13px; line-height: 22px;}
      .slicknav_nav{ width: 60%;}
     .ceo{padding-right: 40px}
     .inner-head h2{font-size: 20px;}
     .cd-timeline__content p{color: #FFF;}

     .date h3{font-size: 18px;}
     .inner-page p{font-size: 13px;}
     .news-box .news-decp p{line-height: 18px;}
     .news-box{padding: 10px;}
     .news{ width: 32.2%;}
     .news-title{ padding-left: 10px;}
     .news-title h2{font-size: 16px;}
     .news-title{ width: 50%;}
     .news-img{ width: 50%;}
     .banner-head h2{font-size: 28px;}
     .service-page h2{font-size: 18px;}
     .service-box li .serv-descrp{padding: 10px 10px 0 10px;}
     .service-box li .serv-descrp h2{font-size: 24px; padding-bottom: 10px;}
     .serv-descrp p{padding: 0 0 10px 0;}
     .serv-descrp span{padding-top: 10px;}
     .service-box li{padding-bottom: 10px;}
     .service-box li .serv-descrp p{font-size: 15px; line-height: 20px;}
     .serv-descrp span{font-size: 14px;}
     .life-support-btm h2{font-size: 18px;}
     .title{padding: 10px;}
     .sponsership-container h1{font-size: 20px; line-height:30px; padding-bottom:10px;}
      .detail-page-container h1{font-size: 20px; margin-bottom: 0;}
     .detail-page-container h4{font-size:18px !important;}
     .top-head h2{font-size: 14px;}
     .detail-page-container h1{line-height:30px; padding-bottom: 15px; margin-top: 10px;}
     .left-side{padding-left: 0;}
     .title h2{font-size: 18px; line-height: 22px;}
     .footer-row{ width: 100%; float: left; display: inline-block;}
     .btm-logo{ width: 15%; float: left;}
     .btm-nav{ width: 25%; float: left;}
     .btm-service{ width: 25%; float: left; }
     .btm-contact{ width: 35%; float: left; }
     .footer-row{padding-top: 20px; padding-bottom: 20px;}
     .logo-btm img{ width: 80%;}
     .footer-row a{font-size: 13px; line-height: 24px;}
     footer h2{font-size: 16px;}
     .hse-head{padding-left: 20px;}
     .hse-security ul{padding-right: 20px;}
      .cd-timeline__content p{font-size: 13px !important;}
     .cd-timeline{ margin: 15px 0 !important;}
     .service-row{ width: 100%;}
     .row{display: inline-block;}
     .service-list:last-child{ padding-right: 0;}
     .comp-history{ width: 100%; float: left; height: auto; display: flex;}
     .history-box{ width: 33.3%; float: left; height: auto;}
     .comp-history .history-box:nth-child(2){ border-bottom: inherit; border-top: inherit; border-left: 1px solid #3d5d7f; border-right: 1px solid #3d5d7f;}
     .clients-box h2{font-size: 30px;}
     .clients-box{padding: 30px 0;}
     .home-about h2{    padding-top: 10px; font-size: 18px; line-height: 20px;}
     .home-about{ width: 66%;   }
     .contact-page h2{font-size: 17px; line-height: 20px;}
     .cont-box ul li{font-size: 16px; line-height: 20px;}
     .cont-box ul li i{font-size: 14px;}
     .map{padding-left: 10px;}
     .slicknav_btn{padding: 10px 8px !important;}
     .chart-mob{display: block; opacity: 1;}
     .chart{ display:none; opacity: 0; } 
}






 @media only screen and (max-width: 639px) {
     .banner-container{display: none;}     

.page { padding: 0px; }
.menu-part { width: 40% }
.head-top { height: auto; }
.banner { height: auto; }
.banner img { height: auto; }

.home-warap h1 { font-size: 20px; position: inherit; float: left; left: 0px; }

footer { height: auto; margin: 0px; }
.banner .slick-next, .banner .slick-prev { display: none !important; }
.head-top-cont { padding: 0 10px; }



.head-top { position: inherit; left: inherit; top: inherit; float: left; height: auto; padding-bottom: 10px; }

.home-warap h1 { top: 0px; }
.lt-news-img { width: 30%; }
.footer-area p { font-size: 13px; }
.page-head { width: 80%; margin-top: -10px; }
.page-head { margin-left: 10px; }
.page-head h1 { font-size: 25px; }
.breadCrumb ul li { font-size: 12px; }



.footer-addr{ width:60%;}
.footer-nav{ margin:20px 0 0 0; width:100%;}

.contact-address{margin: 20px 1% 0 0; padding-right: 5px;}
.banner-slider .slick-prev, .banner-slider .slick-next{ background-size:40px ; padding:0; height:40px; width:40px; margin: 0px 0 0 20px;}
.banner-slider .slick-next{margin: 0 0 0 60px;}
.banner-slider .slick-next:hover{background-size:40px ; padding:0; height:40px; width:40px;}
.banner-slider .slick-prev:hover{background-size:40px ; padding:0; height:40px; width:40px;}
   
     .home-about{ width: 93%;}
     .news-slide li{ width: 100%; padding: 10px 0px 10px 0px; border:inherit;}
     .news-slide li:last-child { border-right: inherit; display: none;}
     .container{ padding: 0 10px;}
     .btm-links{ width:100%;}
     
     .footer-row{padding: 10px 0;}
     .about-us{ width: 100%; padding-left: 0; margin-top: 20px;}     
     .about-left{ width: 60%;}
     .abt-years h2{font-size: 38px; line-height: 45px;}
     .abt-years span{font-size: 20px;}
    .slicknav_nav{ width: 70%;}
     .banner-head{padding-bottom: 25px;}
     .ceo-photo{ width: 150px; height: 150px; border-radius: 150px;}
     .ceo{padding-right: 35px}
     .inner-head h2{padding-bottom: 40px;}
     .clients-list li{ width: 25.1%;}
     .news{width: 48.9%; margin-bottom: 10px;}
     .news:nth-child(2){margin-right: 0;}
      .news{ width: 100%; margin-right: 0; margin-bottom: 10px;}
    .news-img{ width: 100%;}
    .news-title{ width: 100%; padding-left: 0;}
    .news-detail{ width: 100%; margin-right: 0;}
     .news-detail:last-child{ width: 100%}
     .news-date{margin-top: 20px;}
     .service-page h2{font-size: 16px; line-height: 25px;}
     .service-box li .serv-descrp{padding: 10px 0;}
     .service-box li .serv-descrp h2{font-size: 22px;}
     .service-box li .serv-descrp p{font-size: 13px;}
     .serv-descrp p{padding: 0;}
     .service-box li{padding-bottom: 0;}
     .top h2{ width: 100%;  font-size: 20px;}
     .content-box p{ text-align: left;}
     .life-support-btm{padding: 20px 0 0 0;}
     .support-list li{ width: 47.3%;}
     .security-service-left{ width: 100%; padding-left: 0;}
     .security-service-right{ width: 100%; margin-bottom: 10px;} 
     .security-service-box{ margin: 10px 0;}
     .security-service h2{padding: 0 0 10px 0;}
     .security-service-left h1{font-size: 24px;}
     .security-service h2{font-size: 18px;}
     .left-image{ width: 100%;}
     .top-head{ width: 100%; padding-left: 0; margin-top: 40px;}
     .btm h2{ width: 100%; padding-bottom: 20px;}
     .bottom-box-left{ width: 100%;}
     .bottom-box-right{ width: 100%; padding-left: 0; margin-top: 10px;}
     .sponsorship-right{padding-left: 10px;}
     .btm{ padding-top: 10px;}
     .sponsorship-left{ width: 100%; margin-top: 20px;}
     .sponsorship-right{ width: 100%; padding-left: 0;}
     .sponsorship-btm{display: inline-block;}
     .sponsorship-right{margin-top: 10px;}
      .btm-logo{ width: 10%; float: left;}
     .btm-nav{ width: 21%; float: left;}
     .btm-service{ width: 26%; float: left; }
     .btm-contact{ width: 43%; float: left; }
     .footer-row{padding-top: 20px; padding-bottom: 20px;}
     .logo-btm img{ width: 100%;}
     footer h2{padding-bottom: 5px;}
     footer p{font-size: 13px; line-height: 20px;}
     .hse-head{padding-left: 10px;}
     .hse-security ul li{ width: 100%;}
     .hse-security ul{ width: 100%; padding-right: 0;}
     .ceo h3{font-size: 18px;}
     .history-box h2{font-size: 30px; line-height: 40px;}
     .history-box h3{font-size: 15px;}
     .history-box{;padding: 10px;}
     .history-box p{padding-top: 10px;}
     .clients-box h2{font-size: 24px; margin-bottom: 10px;}
     .clients-box{padding: 20px 0;}
     
}










@media only screen and (max-width: 480px) {
.footer-contact ul { width: 90%; }

.logo { margin-left: 0;margin-top: 10px;  }

.home-abt-img { width: 100%; padding: 0 60px; }
.about-content { width: 100%; padding-left: 0px; }


    .btm-logo{ width: 30%; float: left;}
     .btm-nav{ width:100%; float: left; margin-bottom: 10px;}
    .btm-links{ width: 30%;}
     .btm-service{ width:100%; float: left; margin-top: 10px;}
     .btm-contact{ width:100%; float: left; margin-top: 10px;}
 .logo-btm img{width: 70%; margin-bottom: 10px;}
    .row{ width: 100%; float: left; height: auto; display: inline-block;}
    .service-row{ width: 100%;}
    .comp-history{ width: 100%; display: flex;}
    .history-box{flex: 1;}
    .box-row h2{font-size: 25px;}
    .box-row h2 span{padding-right: 0;}
    .date{ padding: 0 10px 0 0px;}
    .news-slide li{ padding: 10px 0px 10px 0px;}
    .news-decp{padding-top: 0;}
    .box-row h2{padding-top: 10px;}

    .copy-right p{font-size: 11px;}
    .about-left{width: 90%;}
    .abt-years h2{font-size: 30px;}
    .abt-years span{font-size: 18px;}
    .inner-page{ padding: 20px 0;}
    .banner-head h2{font-size: 24px;}
    .bredcrumb ul li a{font-size: 12px;}
    .banner-head{ padding-bottom: 25px;}
    header{height: 90px;}
    .logo{margin-top: -7px; height: 80px; width: 80px;}
    .menu-bar{top:  -11px;}
    .slicknav_nav{ width: 80%;}
    .ceo h3{font-size: 18px;}
    .message{display: inline-block;}
    .message-cont p:after{left: 0; top: -20px;}
    .message-cont p:before{    bottom: -20px;}
     .inner-head h2{font-size: 18px;}
    .inner-head h2{padding-bottom: 20px;}
    .slicknav_nav{ width: 100%;}
    .cd-timeline__img{top: 27px !important; width: 15px !important; height: 15px !important;}
    .cd-timeline__container::before{ border-left: 2px dotted #0d345f !important; left: 7px !important;}
    .cd-timeline__container{padding: 0 !important;}
    .service-box li{ width: 100%; margin-right: 0;}
    .service-box{display: inline-block;}
    .top h2{ width: 100%; font-size: 18px; line-height: 25px; padding-bottom: 20px;}
    .content-box{ width: 100%; padding-left: 0; margin-top: 10px;}
    .image-box{ width: 100%;}
    .life-support-btm h2{font-size: 18px; line-height:25px; padding: 15px 0 0 0 ;}
    .support-list{ width: 100%; margin-right: 0; margin-top: 20px;}
    .life-support-btm{ padding: 20px 0 0 0;}
    .support-list li{ width: 100%; margin-right: 0;}
    .sponsorship-btm{ display: inline-block;}
    .sponsorship-left{ width: 100%;}
    .sponsorship-right{ width: 100%; padding-left: 0;}
    .sponsorship-right h4{margin-top: 10px;}
    .detail-page-container h1{font-size: 16px; line-height: 25px;}
    .top-head{margin-top: 20px; }
    .detail-page-container h1{padding-bottom: 5px;}
    .hse-img{ width: 100%;}
    .hse-head{padding-left: 0; width: 100%; margin-top: 10px;}
    .hse-security{ margin: 10px 0; padding: 10px 0;}
    .cd-timeline__content{margin-left: 50px !important; padding: 10px !important; }
    .cd-timeline__date{padding: 10px 0 !important;}
    .cd-timeline__content p{font-size: 13px !important;}
    .cd-timeline{ margin: 10px 0 !important;}
    .message-cont{ width: 100%; float: left; height: auto; margin-top: 20px;}
    .comp-history{margin-bottom: 10px;}
    .serv-box h2{font-size:24px; margin-bottom: 20px;}
    .service-list ul li{ width: 100%; }
    .service-list ul li:nth-child(1){border-right: 0; padding-right: 0; margin-bottom: 20px;}
    .service-list ul li:nth-child(2){padding-left: 0;}
    .history-box h2{font-size: 20px;}
    .history-box p{padding-top: 5px;}
    .history-box h3{font-size: 12px;}
    .history-box{padding: 5px;}
    .btn-view{ width: 50%;}
    .white-box{padding: 10px 0 15px 0;}
    .contact-details{ width: 100%;}
    .map{ width: 100%; padding-left: 0;}
    .contact-page{ display: block;}
    .history-box p{font-size: 10px;}
    header nav ul li a{font-size: 14px;}
    .orginize-cont{    margin-top: 0px !important; padding: 20px 0; }
    .sponsorship-left{    margin-top: 10px;}
    .bredcrumb ul li a{font-size: 11px;}
    .bredcrumb ul li{ padding: 5px 13px 5px 0;}
    .bar-line:before{ left: -8px;}
    .crumb-active:before{ left: -8px;}
}


@media only screen and (max-width: 360px) {
    .btm-service{ width: 100%;}
    .btm-contact{ width: 100%;}
    .btm-nav{ width: 100%;}
    .inner-head h2{font-size: 16px;}
    .inner-head h2{padding-bottom: 20px;}
    .clients-list li{    width: 33.6%;}
    .bredcrumb ul li{ padding: 5px 10px 5px 0;}
    .bar-line:before{ left: -6px;}
    .bredcrumb ul li a{font-size: 10px;}
    .crumb-active:before{left: -6px;}}
}