@font-face {font-family:"LatoSemiBold";src: url("fonts/Lato-Semibold.eot")}
@font-face {font-family:"LatoSemiBold";src: url("fonts/Lato-Semibold.otf")}
@font-face {font-family:"LatoSemiBold";src: url("fonts/Lato-Semibold.ttf")}
@font-face {font-family:"LatoSemiBold";src: url("fonts/Lato-Semibold.woff")}
@font-face {font-family:"LatoSemiBold";src: url("fonts/Lato-Semibold.woff2")}

@font-face {font-family:"LatoRegular";src: url("fonts/Lato-Regular.eot")}
@font-face {font-family:"LatoRegular";src: url("fonts/Lato-Regular.otf")}
@font-face {font-family:"LatoRegular";src: url("fonts/Lato-Regular.ttf")}
@font-face {font-family:"LatoRegular";src: url("fonts/Lato-Regular.woff")}
@font-face {font-family:"LatoRegular";src: url("fonts/Lato-Regular.woff2")}

html,body{padding:0;margin:0;overflow-x: hidden;overflow-y: auto;font-family:"LatoRegular";background: #FFFFFF;}
.padding0{padding: 0px;}
/***** Start of Body Scroll Bar *******/
body::-webkit-scrollbar {width: 0.6em;}
body::-moz-scrollbar {width: 0.6em;}
body::-o-scrollbar {width: 0.6em;}
body::-ms-scrollbar {width: 0.6em;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 5px 0 6px rgba(0,0,0,0.3);}
body::-moz-scrollbar-track {-moz-box-shadow: inset 5px 0 6px rgba(0,0,0,0.3);}
body::-o-scrollbar-track {-o-box-shadow: inset 5px 0 6px rgba(0,0,0,0.3);}
body::-ms-scrollbar-track {-ms-box-shadow: inset 5px 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb {background-color: #333;outline: 1px solid #333;}
body::-moz-scrollbar-thumb {background-color: #333;outline: 1px solid #333;}
body::-o-scrollbar-thumb {background-color: #333;outline: 1px solid #333;}
body::-ms-scrollbar-thumb {background-color: #333;outline: 1px solid #333;}
/***** End of Body Scroll Bar *******/

.header_menu{background: #FFF;float:left;}
.header_menu .navbar-nav{margin-left: 50px;}
.header_menu .navbar-nav .nav-item{margin: 0px 8px;}
.header_menu .navbar-nav .nav-item:hover{font-weight: bold;background:#F2F2F2;}
.header_menu .navbar-nav .active{border-top: 5px solid #32a852;box-sizing: border-box;font-weight: bold;}
.header_menu .navbar-nav .nav-item.active  a{color:#32a852;}
.header_menu .navbar-nav .nav-item a{padding:20px 15px;color: #333;letter-spacing: 0.5px;font-size: 17px;}
.header_menu .navbar-nav .last{margin-left:50px;background:#e57d24;}
.header_menu .navbar-nav .last a{color: #FFF !important;}
.header_menu .last:hover{background:#e57d24 !important;font-weight: normal !important;}
.header_menu .last:hover a{color: #FFF !important;}
.header_menu .navbar-expand-lg{padding-top: 0px !important;padding-bottom: 0px !important;}

.banner{float: left;padding: 0px;margin: 0px;position: relative;}
.banner img{width: 100%;padding: 0px;margin: 0px;float: left;overflow: hidden;}
.banner .banner_content{float: left;padding: 0px;margin: 0px;position: absolute;top: 70px;}
.banner .banner_content span{color: #FFF;padding:0px;}
.banner .banner_content span.main_text{padding: 5px 0px;margin: 2px 10%;font-size: 45px;letter-spacing: 0.9px;font-weight: bold;display: block;}
.banner .banner_content span.sub_text{padding: 5px 0px;margin: 2px 10%;font-size: 25px;letter-spacing: 0.9px;display: block;}
.banner .banner_content button{background: #32a852;color: #FFF;font-size: 15px;padding: 10px 25px;margin: 0px 0px 0px 10%;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border: none;letter-spacing: 0.7px;cursor: pointer;outline: none;}

.we_do{float: left;padding: 0px;margin: 0px;position: relative;}
.shapes{width: 0;height: 0;border-top: 0px solid transparent;border-left: 400px solid #F2F2F2;border-bottom: 260px solid transparent;margin-bottom: 80px;}
.do_content{float: left;padding: 40px 0px 350px 0px;margin: 0px 0px 0px 8%;background-image: url(../images/2_bg.png);background-repeat: no-repeat;background-size: cover;position: absolute;top: -350px;}
.adjust_text{float: left;padding: 0px;margin: 0px 0px 0px 38%;}
.adjust_text .adjust_text_title{padding: 5px 0px;margin: 0px;float: left;color:#32a852;font-size: 35px;letter-spacing: 0.7px;font-weight: bold; }
.adjust_text .adjust_text_info{padding: 5px 0px;margin: 0px;float: left;color: #FFF;font-size: 18px;letter-spacing: 0.7px;}

.service{float: left;padding: 0px;margin: 0px;}
.services_list{float: left;padding: 0px;margin:10px 0px 10px 3%;}
.services_list .list_in{float: left;margin: 0px;overflow: hidden;}
.services_list .list_in .list_icon{padding: 0px;margin: 0px;float: left;}
.services_list .list_in .list_icon span{display: inline-block;padding: 0px;margin: 0px;text-align: center;background: #001a33;}
.services_list .list_in .list_icon span img{width: 60px;}
.services_list .list_in .list_icon_title{float: left;padding: 5px 0px;margin: 0px;font-size: 20px;color:#32a852;font-weight: bold;letter-spacing: 0.7px; }
.services_list .list_in .list_icon_text{float: left;padding: 0px;margin: 0px;font-size: 18px;color: #333;letter-spacing: 0.7px;}

.approach{padding: 135px 0px 218px 0px;margin: 0px;float: left;background-image: url(../images/blue%20bg.png);background-repeat: no-repeat;background-size: cover;}
.approach .approach_off1{float: left;padding: 100px 50px 0px 120px;margin: 0px;}
.approach .approach_off1 span{display: block;padding: 0px;margin: 0px;}
.approach .approach_off1 span.approach_title{padding: 5px 0px;margin: 0px;float: left;color:#32a852;font-size: 35px;letter-spacing: 0.7px;font-weight: bold; }
.approach .approach_off1 span.approach_text{padding: 5px 0px;margin: 0px;float: left;color: #FFF;font-size: 18px;letter-spacing: 0.7px;}
.approach .approach_off2{float: left;padding: 0px;margin: 0px;}
.approach .approach_off2 img{width: 100%;padding: 27px 0px 0px 0px;margin: 0px;float: left;}

.why_us{float: left;padding:3px 0px 0px 0px;margin: 0px;}
.why_us .why_off1{float: left;padding: 0px;margin: -30px 0px 0px 0px;overflow: hidden;}
.why_us .why_off2{float: left;padding: 0px;margin: -285px 0px 0px 0px;overflow: hidden;}
.why_us_text{float: left;padding: 0px 35px 0px 20%;margin: 20px 0px 25px 0px;color: #333;}
.why_us_text span{display: block;padding: 3px 0px;margin: 0px;font-size: 16px;font-weight: 600;letter-spacing: 0.7px;}
.why_us_img{float: left;padding:0px;margin: 0px;}
.why_us_img img{width: 100%;padding: 0px;margin: 0px;}
.why_list{width:100%;float: left;padding: 265px 0px 58px 0px;margin: 0px;background-image: url(../images/gray%20bg.png);background-repeat: no-repeat;background-size: cover;}
.list_view{padding: 0px;margin: 0px;float: left;}
.list_view_off{float: left;padding: 0px;margin:20px 0px;}
.list_view_off .li_img{padding: 0px;margin: 0px;float: left;}
.list_view_off .li_img span{background: #001a33;border-radius: 50%;padding: 5px;margin: 0px 0px 0px 17px;display: block;text-align: center;float: left;}
.list_view_off .li_img span img{width: 50px;float: left;}
.list_view_off .li_text{color: #333;font-size: 18px;padding: 0px;margin: 0px;font-weight: 500;letter-spacing: 0.9px;float: left;}

.fotter{background: #001a33;float: left;padding:20px;margin: 0px;padding: 40px 20px;}
.fotter .company_logo{color: #32a852;font-size:35px;font-weight:500;font-family: 'ZCOOL QingKe HuangYou', cursive;float: left;padding: 0px 0px 0px 6%;margin: 15px 0px;}
.fotter .lighthouse_info{float: left;padding: 0px;margin: 0px;}
.fotter .lighthouse_info span{display: block;color: #FFF;font-size: 18px;letter-spacing: 0.9px;font-weight: 500;margin: 20px 0px 15px 15%;}
.lighthouse_info{float: left;}
.lighthouse_locations{float: left;}
.location{float: left;border-bottom: 1px solid #32a852;box-sizing: border-box;padding: 10px 0px;}
.location:last-child{border-bottom: none;}
.location span{display: block;font-size: 15px;color: #FFF;padding-left: 12px;padding-bottom: 2px;}
.location ul{width: 100%;float: left;padding: 0px;margin: 0px;}
.location ul li{padding: 3px 12px;font-size: 15px;color: #FFF;border-left: 2px solid #FFF;box-sizing: border-box;list-style-type: none;float: left;font-weight: 500;letter-spacing: 0.9px;line-height: 13px;}
.location ul li:first-child{border-left: none;}
.copy_rights{background: #32a852;padding: 20px 25px;margin: 0px;color: #FFF;float: left;}
.copy_rights span{display: block;font-size: 17px;letter-spacing: 0.5px;text-align: center;}

.post_soon{float: left;padding:100px 10px;margin: 5px;text-align: center;background: #F2F2F2;}
.post_soon span{background: #454545;color: #FFF;font-size: 25px;font-weight: 500;letter-spacing: 0.7px;padding: 15px 25px;margin: 0px;}

/*** Start of Service Page Styles ***/
.service_banner{float: left;padding: 0px;margin: 0px;}
.service_banner img{width: 100%;padding: 0px;margin: 0px;float: left;overflow: hidden;}
.database_admin{float: left;padding: 0px;margin: 0px 10%;overflow: hidden;width: 80%;}
.database_img{float: left;margin: 0px;padding:10px 0px;text-align: center;}
.database_img img{width: 100%;padding: 0px;margin: 0px;}
.database_text{float: left;padding:80px 0px 20px 0px;margin: 0px;}
.database_title{float: left;padding: 0px;margin: 0px;padding:10px 0px;margin: 0px;font-size: 40px;color: #333;font-weight: bold;text-align: center;letter-spacing: 0.7px;}
.database_info{float: left;padding: 0px;margin: 0px;}
.database_info ul{width: 80%;padding: 0px;margin: 5px 10%;float: left;}
.database_info ul li{padding: 5px 0px;margin: 0px;float: left;color: #666666;font-size: 16px;letter-spacing: 0.7px;font-weight: 600;list-style-type: initial;}
.services_list{float: left;padding: 30px 0px;margin: 0px;background: #001a33;}
.services_list ul{width: 70%;padding: 0px;margin: 15px 15%;float: left;overflow: hidden;}
.services_list ul li{float: left;padding: 3px 0px;margin: 0px 3px;list-style-type: none;}
.services_list ul li img{padding: 0px;margin: 0px;float: left;width: 150px;}
.erp_asa{float: left;padding:50px 0px;margin: 0px;}
.erp_title{float: left;padding: 15px 0px;margin: 0px;font-size: 40px;text-align: center;font-weight: 600;letter-spacing: 0.7px;}
.erp_info{float: left;padding: 0px;margin: 0px 10%;font-size: 16px;letter-spacing: 0.7px;color: #666666;text-align: center;width: 80%;}
.erp_sub{float: left;padding: 0px;margin:25px 0px;}
.sub_info{float: left;}
.sub_info img{width: 90%;margin: 0px 5%;padding: 0px;}
.title_info{background: #FFF;padding: 15px 0px;margin:-67px 5% 0px 5%;float: left;width: 90%;opacity: 0.8;}
.title_info span{display: block;padding: 0px;margin: 0px;color: #333;font-weight: bold;letter-spacing: 0.7px;text-align: center;font-size: 25px;}
.erp_planning{float: left;padding:25px 0px;margin: 0px;background: #F2F2F2;}
.erp_list{float: left;padding:50px 0px;margin: 0px;}
.erp_part1{float: left;padding: 0px;margin: 0px;position: relative;}

.fin_acct{border-radius: 50px;padding: 7px 10px;color: #FFF;background: #b8c9b9;margin: 10px 0px;width: 200px;position: absolute;left: 135%;top: -15px;text-align: right;}
.fin_acct span{display: inline-block;}
.fin_acct span.text{font-size: 18px;padding-right: 15px;}
.fin_acct span.img{padding: 9px 3px;background: #FFF;border-radius: 50%;float: right;}
.fin_acct span.img img{float: left;padding: 0px;margin: 0px;width: 50px;}

.accs_cntrl{border-radius: 50px;padding: 7px 10px;color: #FFF;background: #a7c8bd;margin: 10px 0px;width: 200px;position: absolute;top: 110px;left: 105%;text-align: right;}
.accs_cntrl span{display: inline-block;}
.accs_cntrl span.text{font-size: 18px;padding-right: 15px;}
.accs_cntrl span.img{padding: 9px 3px;background: #FFF;border-radius: 50%;float: right;}
.accs_cntrl span.img img{float: left;padding: 0px;margin: 0px;width: 50px;}

.purchase{border-radius: 50px;padding: 7px 10px;color: #FFF;background: #6bc0ab;margin: 10px 0px;width: 200px;position: absolute;top: 245px;left: 105%;text-align: right;}
.purchase span{display: inline-block;}
.purchase span.text{font-size: 18px;padding: 14px;}
.purchase span.img{padding: 9px 3px;background: #FFF;border-radius: 50%;float: right;}
.purchase span.img img{float: left;padding: 0px;margin: 0px;width: 50px;}

.crm{border-radius: 50px;padding: 7px 10px;color: #FFF;background: #6bc0ab;margin: 10px 0px;width: 200px;position: absolute;top: 365px;left: 130%;text-align: right;}
.crm span{display: inline-block;}
.crm span.text{font-size: 18px;padding: 14px;}
.crm span.img{padding: 9px 3px;background: #FFF;border-radius: 50%;float: right;}
.crm span.img img{float: left;padding: 0px;margin: 0px;width: 50px;}

.erp_part2{float: left;padding: 0px;margin: 0px;}
.erp_part2 img{width: 50%;}
.erp_part3{float: left;padding: 0px;margin: 0px;}

.human{border-radius: 50px;padding: 7px 10px;color: #FFF;background: #393f59;margin: 10px 0px;width: 200px;position: absolute;right: 135%;top: -15px;}
.human span{display: inline-block;}
.human span.text{font-size: 18px;padding-left: 15px;}
.human span.img{padding: 9px 8px;background: #FFF;border-radius: 50%;float: left;}
.human span.img img{float: left;padding: 0px;margin: 0px;width: 40px;}

.engineer{border-radius: 50px;padding: 7px 10px;color: #FFF;background: #3a5f8c;margin: 10px 0px;width: 200px;position: absolute;top: 110px;right: 105%;}
.engineer span.text{font-size: 18px;padding: 14px;float: right;}
.engineer span.img{padding: 9px 8px;background: #FFF;border-radius: 50%;float: left;}
.engineer span.img img{float: left;padding: 0px;margin: 0px;width: 40px;}

.project_mgmt{border-radius: 50px;padding: 7px 10px;color: #FFF;background: #6b85a8;margin: 10px 0px;width: 200px;position: absolute;top: 245px;right: 105%;}
.project_mgmt span{display: inline-block;}
.project_mgmt span.text{font-size: 18px;padding-left: 15px;}
.project_mgmt span.img{padding: 9px 8px;background: #FFF;border-radius: 50%;float: left;}
.project_mgmt span.img img{float: left;padding: 0px;margin: 0px;width: 40px;}

.data_service{border-radius: 50px;padding: 7px 10px;color: #FFF;background: #8399b1;margin: 10px 0px;width: 200px;position: absolute;top: 365px;right: 130%;}
.data_service span{display: inline-block;}
.data_service span.text{font-size: 18px;padding-left: 15px;}
.data_service span.img{padding: 9px 3px;background: #FFF;border-radius: 50%;float: left;}
.data_service span.img img{float: left;padding: 0px;margin: 0px;width: 50px;}

.cloud_plat{float: left;padding:20px 0px;margin: 0px;}
.cloud_info{float: left;padding: 30px 0px;margin: 0px;}
.amazon{float: left;padding: 0px;margin: 35px 0px 0px 40px;position: absolute;left: 10%;text-align: center;}
.amazon img{width: 300px;}
.amazon span{display: block;font-size: 20px;color: #333;font-weight: 600;letter-spacing: 0.7px;text-align: center;margin: 10px 0px;}
.google_apps{float: left;padding: 0px;margin: 0px;position: absolute;right: 20%;text-align: center;}
.google_apps img{width: 300px;}
.google_apps span{display: block;font-size: 20px;color: #333;font-weight: 600;letter-spacing: 0.7px;margin: 10px 0px;position: absolute;right: -145px;top: 10px;}
.windows{float: left;padding: 0px;margin: 185px 0px 0px 0px;}
.windows img{width: 450px;padding: 0px;margin: 0px;}
.windows span{display: block;font-size: 20px;color: #333;font-weight: 600;letter-spacing: 0.7px;margin: 10px 0px;}
.windows span.window_left{position: absolute;left: 285px;top: 130px;}
.windows span.window_right{position: absolute;right: 130px;top: 40px;}
.windows span.window_bottom{padding: 25px 0px;margin: 0px;font-size: 28px;}

/*** END of Service Page Styles ***/

/*** Start of Contact Page Styles ***/
.contact_banner{float: left;padding: 0px;margin: 0px;}
.contact_banner img{width: 100%;padding: 0px;margin: 0px;float: left;overflow: hidden;}
.talk_section{padding: 0px;margin: 0px;float: left;background:#F2F2F2;}
.talk_about{padding:30px 0px;margin: 0px 10%;float: left;width: 80%;}
.talk_contact{margin: 0px;float: left;}
.contact_info{float: left;padding:15px 0px;margin:5px 0px;background: #FFF;}
.contact_info_icon{padding: 0px;margin: 0px;float: left;text-align: center;}
.contact_info_icon img{padding: 0px;margin: 0px;width: 55px;}
.contact_info_text{padding:5px 0px;margin: 0px;float: left;letter-spacing: 0.7px;}
.contact_info_text .label{font-size: 16px;padding: 0px;margin: 0px;color: #808080;font-weight: 500;}
.contact_info_text .name{font-size: 16px;padding: 0px;margin: 0px;color: #000;font-weight: 600;}
.talk_info{padding: 0px;margin: 5px 0px 0px 0px;float: left;background: #FFF;}
.talk_title{float: left;padding: 20px 20px 0px 10px;margin: 0px;font-size: 25px;color: #000;font-weight: bold;letter-spacing: 0.7px;}
.talk_text{float: left;padding: 10px;margin: 0px;font-size: 15px;letter-spacing: 0.5px;color: #333;}
.contact_entry{float: left;padding: 0px;margin: 0px;}
.name_email{float: left;margin:8px 0px;}
.contact_name{float: left;padding: 0px;margin: 0px;}
.contact_name input{width: 100%;padding: 5px;margin: 0px;border: 1px solid #cccccc;box-sizing: border-box;border-radius: 3px;}
.contact_email{float: left;margin: 0px;padding-right: 0px;}
.contact_email input{width: 100%;padding: 5px;margin: 0px;border: 1px solid #cccccc;box-sizing: border-box;border-radius: 3px;}
.company_url{float: left;margin: 0px;}
.company_url input{width: 100%;padding: 5px;margin: 0px;border: 1px solid #cccccc;box-sizing: border-box;border-radius: 3px;}
.tell_us{float: left;margin:8px 0px;}
.tell_us textarea{width: 100%;padding: 5px;margin: 0px;border: 1px solid #cccccc;box-sizing: border-box;border-radius: 3px;}
.send_btn{float: left;margin:8px 0px 15px 0px;}
.send_btn button{border: none;padding: 10px 30px;color: #FFF;font-size: 16px;background: #00cc66;letter-spacing: 0.5px;border-radius: 3px;font-weight: 500;}
.map_section{float: left;padding: 0px;margin: 0px;}
/*** ENd of Contact Page Styles ***/

/*** Start of Media Styles ***/
@media only screen and (max-width: 1920px)
{
    .banner .banner_content{top: 200px;}
    .banner .banner_content span.main_text{font-size: 70px;}
    .banner .banner_content span.sub_text{font-size: 45px;}
    .banner .banner_content button{font-size: 35px;padding: 20px 55px;}
    .adjust_text .adjust_text_title{font-size: 70px;}
    .do_content{padding: 40px 0px 400px 0px;}
    .adjust_text .adjust_text_title{font-size: 60px;}
    .adjust_text .adjust_text_info{font-size: 29px;}
    .shapes{margin-bottom: 510px;}
    .services_list .list_in .list_icon span img{width: 130px;}
    .services_list .list_in .list_icon_title{font-size: 35px;}
    .services_list .list_in .list_icon_text{font-size: 34px;}
    .approach .approach_off1 span.approach_title{font-size: 75px;}
    .approach .approach_off1 span.approach_text{font-size: 36px;}
    .approach .approach_off2 img{padding-top: 235px;}
    .approach .approach_off1{padding: 190px 251px 0px 33px;}
    .approach{padding: 0px 0px 293px 0px;}
    .why_us .why_off2{margin: -425px 0px 0px 0px;}
    .why_list{padding: 385px 0px 58px 0px;}
    .list_view_off .li_img span img{width: 95px;}
    .list_view_off .li_text{font-size: 30px;}
    .why_us_text{margin:21px 0px 25px 0px;}
    .why_us_text span{font-size: 33px;}
    .why_us_text h1{font-size: 63px;}
    .fotter .company_logo{font-size: 50px;}
    .fotter .lighthouse_info span{font-size: 30px;}
    .fotter .lighthouse_info span img{width: 50px;}
    .copy_rights span{font-size: 25px;}
    .location span{font-size: 25px;padding-bottom: 10px;}
    .location ul li{font-size: 25px;}
}
@media only screen and (max-width: 1440px)
{
    .banner .banner_content{top: 95px;}
    .banner .banner_content span.main_text{font-size: 48px;}
    .banner .banner_content span.sub_text{font-size: 35px;}
    .banner .banner_content button{font-size: 25px;padding: 10px 40px;}
    .adjust_text .adjust_text_title{font-size: 40px;}
    .adjust_text .adjust_text_info{font-size: 21px;}
    .do_content{padding: 40px 0px 311px 0px;}
    .shapes{margin-bottom: 165px;}
    .services_list .list_in .list_icon span img{width: 90px;}
    .services_list .list_in .list_icon_title{font-size: 23px;}
    .services_list .list_in .list_icon_text{font-size: 21px;}
    .approach .approach_off1{padding: 160px 190px 0px 33px;}
    .approach .approach_off1 span.approach_title{font-size: 45px;}
    .approach .approach_off1 span.approach_text{font-size: 25px;}
    .approach .approach_off2 img{padding-top: 170px;}
    .why_us .why_off2{margin: -496px 0px 0px 0px;}
    .why_us_text{margin: 30px 0px 25px 0px;}
    .why_us_text h1{font-size: 60px;}
    .why_us_text span{font-size: 23px;}
    .list_view_off .li_img span img{width: 60px;}
    .list_view_off .li_text{font-size: 23px;}
    .why_list{padding: 310px 0px 58px 0px;}
    .why_us .why_off2{margin: -394px 0px 0px 0px;}
    .fotter .company_logo{font-size: 40px;}
    .fotter .lighthouse_info span img{width: 32px;}
    .fotter .lighthouse_info span{font-size: 22px;}
    .location span{font-size: 19px;padding-bottom: 5px;}
    .location ul li{font-size: 19px;}
    .copy_rights span{font-size: 20px;}
}
@media only screen and (max-width: 1366px)
{
    .banner .banner_content span.main_text{font-size: 44px;}
    .banner .banner_content{top: 70px;}
    .banner .banner_content span.sub_text{font-size: 24px;}
    .banner .banner_content button{font-size: 20px;}
    .adjust_text .adjust_text_title{font-size: 32px;}
    .adjust_text .adjust_text_info{font-size: 18px;}
    .shapes{margin-bottom: 75px;}
    .do_content{padding: 40px 0px 365px 0px;}
    .services_list .list_in .list_icon span img{width: 60px;}
    ..services_list .list_in .list_icon_title{font-size: 19px;}
    .services_list .list_in .list_icon_text{font-size: 18px;}
    .approach .approach_off1{padding: 130px 50px 0px 100px;}
    .approach .approach_off1 span.approach_text{font-size: 20px;}
    .approach .approach_off1 span.approach_title{font-size: 35px;}
    .approach .approach_off1{padding: 245px 50px 0px 65px;}
    .why_us_text h1{font-size: 50px;}
    .approach{padding: 0px 0px 277px 0px;}
    .why_us_text{margin: 10px 0px 25px 0px;}
    .why_us_text h1{font-size: 40px;}
    .why_us_text span{font-size: 20px;}
    .list_view_off .li_img span img{width: 55px;}
    .list_view_off .li_text{font-size: 20px;}
    .why_us .why_off2{margin: -362px 0px 0px 0px;}
    .fotter .company_logo{font-size: 35px;}
    .fotter .lighthouse_info span{font-size: 20px;}
    .location span{font-size: 16px;}
    .location ul li{font-size: 18px;}
    .copy_rights span{font-size: 18px;}
}
@media only screen and (max-width: 1280px)
{
    .banner .banner_content{top: 120px;}
    .banner .banner_content span.main_text{font-size: 35px;}
    .banner .banner_content span.sub_text{font-size: 22px;}
    .banner .banner_content button{font-size: 18px;padding: 10px 30px;}
    .shapes{margin-bottom: 80px;}
    .services_list .list_in .list_icon_title{font-size: 19px;}
    .approach .approach_off1{padding: 220px 50px 0px 65px;}
    .approach .approach_off1 span.approach_title{font-size: 32px;}
    .approach{padding: 0px 0px 237px 0px;}
    .approach .approach_off2 img{padding-top: 150px;}
    .why_us .why_off2{margin: -341px 0px 0px 0px;}
    .list_view_off .li_text{font-size: 19px;}
    .why_us .why_off2{margin: -318px 0px 0px 0px;}
    .why_us_text{margin: 10px 0px 70px 0px;}
}
@media only screen and (max-width: 1152px)
{
    .banner .banner_content{top: 90px;}
    .banner .banner_content span.main_text{font-size: 25px;}
    .banner .banner_content span.sub_text{font-size: 19px;}
    .banner .banner_content button{    font-size: 15px;padding: 10px 25px;}
    .approach .approach_off1{padding: 170px 50px 0px 38px;}
    .why_us .why_off2{margin: -330px 0px 0px 0px;}
    .list_view_off .li_img span img{width: 40px;}
    .list_view_off .li_text{font-size: 16px;}
    .why_us_text span{font-size: 18px;}
    .why_us_text{margin: 10px 0px 17px 0px;}
}
@media only screen and (max-width: 1024px)
{
    .banner .banner_content{top: 40px;}
    .adjust_text{margin: 0px 0px 0px 40%;}
    .adjust_text .adjust_text_info{font-size: 17px;}
    .approach .approach_off1{padding: 145px 50px 0px 20px;}
    .approach .approach_off1 span.approach_title{font-size: 25px;}
    .approach .approach_off1 span.approach_text{font-size: 18px;}
    .list_view_off .li_img span img{width: 35px;}
    .why_list{padding: 259px 0px 7px 0px;}
    .approach .approach_off2 img{padding-top: 120px;}
    .fotter .company_logo{font-size: 30px;}
    .fotter .lighthouse_info span{font-size: 18px;}
    .copy_rights{padding: 12px 25px;}
    .copy_rights span{font-size: 16px;}
}
@media only screen and (max-width: 991px)
{
    .why_us .why_off2{margin: -347px 0px 0px 0px;}
    .why_us_text{padding-left: 10%;margin: 15px 0px 17px 0px;}
    .why_us_text span{font-size: 16px;}
    .approach .approach_off1{padding: 136px 50px 0px 7px;}
}
@media only screen and (max-width: 980px)
{
    .banner .banner_content{top: 20px;}
    .why_us_text{margin: 15px 0px 20px 0px;}
}
@media only screen and (max-width: 900px)
{
    .banner .banner_content{top:100px;}
    .banner .banner_content span.main_text{font-size: 20px;}
    .banner .banner_content span.sub_text{font-size: 15px;}
    .banner .banner_content button{margin-top: -8px;}
    .do_content{padding: 20px 0px 365px 0px;top: -240px;}
    .adjust_text .adjust_text_title{font-size: 27px;}
    .adjust_text{margin: 0px 0px 0px 10%;max-width: 89%;}
    .services_list .list_in .list_icon_title{font-size: 16px;}
    .services_list .list_in .list_icon_text{font-size: 15px;}
    .approach{background: #001a33;}
    .approach .approach_off1{padding: 45px 50px 0px 50px;}
    .why_list{padding: 235px 0px 7px 0px;max-width: 100%;}
    .approach .approach_off2 img{padding-top: 65px;}
    .why_us_text{margin: 35px 0px 5px 0px;}
    .why_us_text h1{font-size: 35px;}
    .fotter .lighthouse_info span{margin-left: 0px;font-size: 16px;}
    .fotter .lighthouse_info span img{width: 28px;}
}
@media only screen and (max-width: 800px)
{
    .do_content{top:-150px;}
    .shapes{margin-bottom: 185px;}
    .services_list .list_in .list_icon_title{font-size: 13px;}
    .services_list .list_in .list_icon_text{font-size: 13px;}
    .list_view_off .li_text{font-size: 15px;}
    .why_us_text{margin: 41px 0px 5px 0px;}
    .list_view_off .li_img span{margin-left: 5px;}
}
@media only screen and (max-width: 768px)
{
    .why_us_text{margin: 48px 0px 5px 0px;}
    .approach .approach_off2 img{padding-top: 150px;}
}
@media only screen and (max-width: 767px)
{
    .do_content{max-width: 100%;margin: 0px;}
    .adjust_text{margin: 0px 0px 0px 5%;}
    .services_list .list_in .list_icon_text{font-size: 15px;}
    .services_list .list_in .list_icon_title{font-size: 16px;}
    .services_list{margin-left: 0%}
    .approach{padding-bottom: 10px;}
    .approach .approach_off2 img{padding-top: 80px;width: 80%;margin: 0px 10%;}
    .why_us_text span{font-size: 22px;}
    .why_us_text{padding-left: 5%;padding-bottom: 15px;}
    .why_us .why_off2{margin: -270px 0px 0px 0px;}
    .why_list{padding: 280px 0px 7px 0px;}
    .list_view_off .li_img span{margin-left: 30px;}
    .list_view_off .li_img span img{width: 50px;}
}
@media only screen and (max-width: 640px)
{
    .shapes{margin-bottom: 320px;}
    .do_content{top: -30px;}
    .adjust_text .adjust_text_info{font-size: 16px;}
    .services_list .list_in{padding: 0px;margin: 15px 0px;}
    .services_list{padding: 0px 10px;}
    .list_view_off .li_img span{margin-left: 44%;}
    .list_view_off .li_text{margin: 10px 0px;text-align: center;}
    .why_us_text h1{font-size: 30px;text-align: center;}
    .why_us_text span{font-size: 16px;}
    .why_us .why_off2{margin: -400px 0px 0px 0px;}
    .why_list{padding: 345px 0px 7px 0px;}
    
}
@media only screen and (max-width: 540px)
{
    .do_content{padding: 20px 0px 440px 0px;top: 0px;}
    .banner .banner_content{top: 70px;}
    .banner .banner_content button{font-size: 13px;padding: 10px 15px;}
}
@media only screen and (max-width: 480px)
{
    .adjust_text .adjust_text_title{font-size: 23px;}
    .adjust_text .adjust_text_info{font-size: 14px;}
    .approach .approach_off1 span.approach_text{font-size: 16px;}
    .approach .approach_off1 span.approach_title{font-size: 23px;}
    .fotter .lighthouse_info span img{width: 23px;}
    .location span{font-size: 14px;}
    .location ul li{font-size: 13px;}
    .copy_rights span{font-size: 13px;}
}
@media only screen and (max-width: 412px)
{
    .navbar-brand{font-size: 30px !important;}
    .banner .banner_content span.main_text{font-size: 14px;}
    .banner .banner_content span.sub_text{font-size: 11px;}
    .banner .banner_content button{font-size: 11px;padding: 8px 15px;}
    .banner .banner_content{top: 50px;}
}
@media only screen and (max-width: 360px)
{
    .navbar-brand{font-size: 20px !important;}
    .banner .banner_content{top: 30px;}
    .do_content{padding: 20px 0px 490px 0px;}
}
@media only screen and (max-width: 320px)
{}