@media screen and (min-width: 1289px) and (max-width: 1396px){   
    .service_wrapper ul li a{ padding: 20px 10px;}
    .content_right_rightwrapper img{max-width: 100%;}
    .content_right_leftwrapper p { font-size: 14px;}
    .content_left h4 {font-size: 26px; font-weight: bold;}
    .content_left p {  font-size: 16px;}
    .content_right .readmore a { font-size: 18px; }
    .content_bottom_leftwrapper .testimonial-content{font-size: 16px;}
    .content_bottom_rightwrapper li{font-size:18px;}
}
@media screen and (min-width: 1025px) and (max-width: 1289px){

    .service_wrapper ul li a{ padding: 20px 10px;}
    .content_right_rightwrapper img{max-width: 100%;}
    .content_right_leftwrapper p { font-size: 14px;}
    .content_left h4 {font-size: 26px; font-weight: bold;}
    .content_left p {  font-size: 16px;}
    .content_right .readmore a { font-size: 18px; }
    .content_bottom_leftwrapper .testimonial-content{font-size: 16px;}
    .content_bottom_rightwrapper li{font-size:18px;}
    .wrapper_content_award .gallery img {  width: 32%;}
}
@media screen and (min-width: 980px) and (max-width: 1024px){    
    
    .service_wrapper ul li a{ padding: 20px 10px;}
    .content_right_rightwrapper img{max-width: 100%;}
    .content_right_leftwrapper p { font-size: 14px;}
    .content_left h4 {font-size: 26px; font-weight: bold;}
    .content_left p {  font-size: 16px;}
    .content_right .readmore a { font-size: 18px; }
    .content_bottom_leftwrapper .testimonial-content{font-size: 16px;}
    .content_bottom_rightwrapper li{font-size:18px;}
    .wrapper_half{ width:96%;}
    .header_mainmenu ul li a { font-size: 16px; padding: 18px 15px;}
     .ourgroup_content{width: 43%; margin-bottom: 20px;}
     .footer_top_wrapper h3{font-size: 18px;}
     .header_left{    float: none;  text-align: center; margin: auto;}
    .wrapper_content_award .gallery img {  width: 48%;    min-height: 300px;}
    .wrapper_content .gallery span{width: 94%;}
}
@media screen  and (min-width: 768px)and (max-width: 980px){    

    .service_wrapper ul li a{ padding: 20px 6px; font-size: 16px;}
    .content_right_rightwrapper img{max-width: 100%;}
    .content_right_leftwrapper p { font-size: 14px;}
    .content_left h4 {font-size: 26px; font-weight: bold;}
    .content_left p {  font-size: 16px;}
    .content_right .readmore a { font-size: 18px; }
    .content_bottom_leftwrapper .testimonial-content{font-size: 16px;}
    .content_bottom_rightwrapper li{font-size:18px;}
    .header_mainmenu ul li a{padding: 20px 20px;    font-size: 16px;}
    .footer_link ul{float: none; width: auto; padding-bottom: 0px;}
    .content_bottom_rightwrapper h3{    margin: 0px 0px 25px 0px;font-size: 32px;}
    .wrapper_left_content{    width: 35%;}
    .wrapper_right_content{width: 65%;}
    .wrapper_right_content img{float: none!important; text-align: center; max-width: 100%!important; margin: 0px!important; padding: 0px!important;}
    .content_bottom_customer ul li span{font-size: 15px;}
     .wrapper_half{ width:96%;}
      .ourgroup_content{width: 43%; margin-bottom: 20px;}
      .wrapper_content_certificate .gallery img{width: 48%;}
      .wrapper_content_certificate .gallery span{width: 94%;}
       .header_left{    float: none;  text-align: center; margin: auto;}
    .wrapper_content_award .gallery img {  width: 48%;    min-height: 300px;}
    .wrapper_content .gallery span{width: 94%;}
}
@media screen and (min-width: 600px) and (max-width: 767px){

     #logo{text-align: center;}
      #logo img{width: 40%;}
     .header_top{width: 60%;}
    .service_wrapper ul{display: inline-block;}
    .service_wrapper ul li {    width: 33%;text-align: left;}
     .service_wrapper ul li a{     padding: 20px 16px;  font-size: 16px;  display: block;}
    .content_right_rightwrapper img{max-width: 100%;}
    .content_right_leftwrapper p { font-size: 14px;}
    .content_left h4 {font-size: 26px; font-weight: bold;}
    .content_left p {  font-size: 16px;}
    .content_right .readmore a { font-size: 18px; }
    .content_bottom_leftwrapper .testimonial-content{font-size: 16px;}
    .content_bottom_rightwrapper li{font-size:18px;}
    .content_bottom_rightwrapper h3{    margin: 0px 0px 25px 0px;font-size: 32px;}
    .header_mainmenu { float: none;  clear: both;  text-align: center;}
    .header_mainmenu ul.menu_wrapper{    display: inline-block; margin-bottom: -6px; padding: 0px;}
    .service_wrapper {  position: inherit; bottom: 0px; }
    .content_left,.content_right{float: none; width: auto;}
     .wrapper_content { padding: 35px 2%;    width: 94%;}
    .wrapper_content h2{margin: 0px 0px 30px 0px;}
    #content_project h2{  padding: 5px 5px 20px 5px;}
    .content_bottom_leftwrapper,.content_bottom_rightwrapper{float: none; width: auto;padding: 20px;}
    #content_project{margin-bottom: 25px;}
   .footer_content ,#footer_top .footer_left,#footer_top .footer_contact{  width: 98%;   padding: 2% 1%;}
    .footer_social ul li{    padding: 0px 8px;}
    .copyright{    padding: 25px 0px 20px 5px;}
    .wrapper_left_content{    width: 35%;}
    .wrapper_right_content{width: 65%;}
    .wrapper_right_content img{float: none!important; text-align: center; max-width: 100%!important; margin: 0px!important; padding: 0px!important;}
    .content_bottom_customer ul li{font-size: 15px;}
    .content_bottom_customer ul li span{font-size: 14px;}
    .content_bottom_customer ul li{padding: 20px 0px;}
    .content_vission_mission .contentvm img{max-width: 100%;}
    .content_value_culture .contentvm img{max-width: 100%;}
     .wrapper_half{ width:96%;}
      .contact_left,.contact_right{width: 96%;}
      .ourgroup_content{width: 43%; margin-bottom: 20px;}
      .wrapper_content_certificate .gallery img{width: 48%;}
      .wrapper_content_certificate .gallery span{width: 94%;}
    .wrapper_content_award .gallery img {  width: 48%;    min-height: 300px;}
    .wrapper_content .gallery span{width: 94%;}
}
@media screen  and (min-width: 480px) and (max-width: 600px){    

    .service_wrapper ul{display: inline-block;}
    .service_wrapper ul li {    width: 33%;text-align: left;}
     .service_wrapper ul li a{     padding: 16px 16px;  font-size: 14px;  display: block;}
    .content_right_rightwrapper img{max-width: 100%;}
    .content_right_leftwrapper p { font-size: 14px;}
    .content_left h4 {font-size: 26px; font-weight: bold;}
    .content_left p {  font-size: 16px;}
    .content_right .readmore a { font-size: 18px; }
    .content_bottom_leftwrapper .testimonial-content{font-size: 16px;}
    .content_right_leftwrapper,.content_right_rightwrapper{float: none;width: auto;}
    .content_right_rightwrapper{text-align: center;}
    .content_bottom_rightwrapper li{font-size:18px;}
    .content_bottom_rightwrapper h3{    margin: 0px 0px 25px 0px;font-size: 32px;}
    .header_mainmenu { float: none;  clear: both;  text-align: center;}
    .header_mainmenu ul li {display: inline-block; width: 100%;}
    .service_wrapper {  position: inherit; bottom: 0px; }
    .content_left,.content_right{float: none; width: auto;}
    .wrapper_content { padding: 35px 2%;    width: 94%;}
    .wrapper_content h2{margin: 0px 0px 30px 0px;}
    #content_project h2{  padding: 5px 5px 20px 5px;}
    .content_bottom_leftwrapper,.content_bottom_rightwrapper{float: none; width: auto;padding: 20px;}
    #content_project{margin-bottom: 25px;}
    .footer_content ,#footer_top .footer_left,#footer_top .footer_contact{  width: 98%;   padding: 2% 1%;}
    .footer_social ul li{    padding: 0px 8px;}
    .copyright{    padding: 25px 0px 20px 5px;}
    .wrapper_left_content{        width: 100%; float: none;}
    .wrapper_right_content{width: 100%; float: none;}
    .wrapper_right_content img{float: none!important; text-align: center; max-width: 100%!important; margin: 0px!important; padding: 0px!important;}
    .content_bottom_customer ul li{font-size: 15px;}
    .content_bottom_customer ul li span{font-size: 14px;}
    .content_bottom_customer ul li{padding: 10px 0px;}
    .content_vission_mission .contentvm ,.content_value_culture .contentvm{float: none; width: 96%;    text-align: center; margin-bottom: 20px;}
    .content_vission_mission .contentvm img,.content_value_culture .contentvm img {max-width: 100%;    max-width: 100%; float: none;    text-align: center; padding: 0px;}
    .wrapper_left_menu ul li a{    padding: 3% 12%;}
    #content_bottom_about{     width: 100%; display: inline-flex; text-align: center;}
     .wrapper_half{ width:96%;}
      .contact_left,.contact_right{width: 96%;}
      .ourgroup_content{width: 96%; margin-bottom: 20px;}
      .wrapper_content_certificate .gallery img{width: 100%;}
    .wrapper_content_certificate .gallery img{width: 100%;}
    .wrapper_content_certificate .gallery span{width: 98%;}
    .wrapper_content_award .gallery img {  width: 48%;    min-height: 300px;}
    .wrapper_content .gallery span{width: 94%;}
}
@media screen and (min-width: 300px) and (max-width: 479px){  

    .service_wrapper ul{display: inline-block;}
    .service_wrapper ul li {  width:50%;text-align: left;}
     .service_wrapper ul li a{ padding: 12px 5px; font-size: 14px; display: block; text-align: center;}
    .content_right_rightwrapper img{max-width: 100%;}
    .content_right_leftwrapper p { font-size: 14px;}
    .content_left h4 {font-size: 26px; font-weight: bold;    margin-bottom: 15px;}
    .content_left p {  font-size: 16px;}
    .content_right .readmore a { font-size: 18px; }
    .content_bottom_leftwrapper .testimonial-content{font-size: 16px;line-height:28px;}
    .content_right_leftwrapper,.content_right_rightwrapper{float: none;width: auto;}
    .content_right_rightwrapper{text-align: center;}
    .content_bottom_rightwrapper li{font-size:18px;}
    .menutoggle{display: block;}
    .header_mainmenu{display: none;}
    .header_mainmenu ul li a{padding: 10px 20px;    font-size: 16px;    border-bottom: 1px solid #1A1A1A;}
    .content_bottom_rightwrapper h3{    margin: 0px 0px 25px 0px;font-size: 24px;}
    .header_top_bg{display: none;}
    .header_social{text-align: center;}
    .header_mainmenu { float: none;  clear: both;  text-align: center;}
    .header_mainmenu ul.menu_wrapper{    display: inline-block; margin-bottom: -6px; padding: 0px;}
    .banner{margin: 5px 0px;}
    .service_wrapper {  position: inherit; bottom: 0px;    margin-top: 10px; }
    .content_left,.content_right{float: none; width: auto;}
    .wrapper_content { padding: 35px 2%;    width: 94%;}
    .wrapper_content h2{margin: 0px 0px 20px 0px;font-size: 28px;}
    #content_project h2{  padding: 5px 5px 20px 5px;font-size:24px;}
    .content_bottom_leftwrapper,.content_bottom_rightwrapper{float: none; width: auto;padding: 20px;}
    #content_project{margin-bottom: 25px;}
   .footer_content ,#footer_top .footer_left,#footer_top .footer_contact{  width: 98%;   padding: 2% 1%;}
    .footer_social ul li{    padding: 0px 8px;}
    .copyright{    padding: 5px 0px 20px 5px; float: none; text-align: center;}
    .header_left,.header_top{width: 100%;padding: 0px;}
    .header_mainmenu ul li {  display: inline-block;  width: 100%;}
    .content_project_inner .owl-buttons { top: -60px; right: 0%;}
    .content_project_inner{padding: 40px 0px;}
    [class*=' imghvr-'] figcaption, [class^=imghvr-] figcaption{padding: 10px!important;}
    .content_project_inner figcaption h3{padding: 0px 0px 5px 0px;}
    .content_project_inner .readmore{ padding-top: 0px;}
    .content_bottom_leftwrapper h2{font-size: 22px;}
    .footer_link ul{float: none; width: auto; padding-bottom: 0px;}
    .footer_social { float: none; text-align: center;}
    .footer_social ul{ display: inline-block;}
    .wrapper_left_content{        width: 100%; float: none;    text-align: center;}
    .wrapper_right_content{width: 100%; float: none;}
    .wrapper_right_content img{float: none!important; text-align: center; max-width: 100%!important; margin: 0px!important; padding: 0px!important;}
    .content_bottom_customer ul li{font-size: 12px; line-height: 22px;}
    .content_bottom_customer ul li span{font-size: 11px;}
    .content_bottom_customer ul li{padding: 10px 0px;}
    .content_vission_mission .contentvm ,.content_value_culture .contentvm {float: none; width: 96%;    text-align: center; margin-bottom: 20px;}
    .content_vission_mission .contentvm img,.content_value_culture .contentvm img {max-width: 100%;    max-width: 100%; float: none;    text-align: center; padding: 0px;} 
    .wrapper_left_menu ul li a{    padding: 3% 12%;}
    #content_bottom_about{     width: 100%; display: inline-flex; text-align: center;}
    .wrapper_half{ width:96%;}
    .wrapper_breadcrumb{display: none;}
    .content_bottom_leftwrapper h2, .content_bottom_fullwrapper h2{font-size:26px; line-height: 26px;}
    .contact_left,.contact_right{width: 96%;}
    .ourgroup_content{width: 96%; margin-bottom: 20px;}
    .wrapper_content_certificate .gallery img{width: 100%;}
    .wrapper_content_certificate .gallery span{width: 98%;}
    .wrapper_content_award .gallery img {  width: 100%;    min-height:290px;}
    .wrapper_content .gallery span{width: 98%;  }
     .wrapper_content .gallery a{margin-bottom: 10px;}
   
}