*,div, ul, li, p{margin:0; padding:0;}
html{margin:0;padding:0;font-family: 'Poppins', sans-serif !important;font-size: 62.5%;}
body{margin:0; padding:0; font-family: 'Poppins', sans-serif; font-size: 16px;font-size: 1.6rem;}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?p4g9o1');
  src:  url('../fonts/icomoon.eot?p4g9o1#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?p4g9o1') format('truetype'),
    url('../fonts/icomoon.woff?p4g9o1') format('woff'),
    url('../fonts/icomoon.svg?p4g9o1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\e900";
}
/*===========================Common=============================*/
.responsive_menu { display: none; }
img{max-width:100%;height:auto;}
a, a:focus, a:hover{outline:none;text-decoration:none;}
a.learn_btn{padding: 18px 110px 18px 22px; background: #fff; color: #040404; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; display: inline-block; margin: 15px 0; position: relative; transition: all 0.3s ease-in-out; font-weight: 500;}
a.learn_btn:hover{background: #040404; color: #fff;}
a.learn_btn:after{content: "\e900"; font-family: 'icomoon' !important;transition: all 0.3s ease-in-out; position: absolute; right: 15px; color:#040404;top: 50%; transform: translateY(-50%); }
a.learn_btn:hover:after{color:#fff; }
h1, h3{font-size: 30px; font-size: 3rem; font-weight: 600; text-transform: uppercase; color: #000;}
input:focus, textarea:focus, button:focus{outline: none;}
.wrapper{width:100%; display: inline-block;}

/*===========================Header=============================*/
header.wrapper{position: relative; display: block;}
.hd_top{position: absolute;z-index: 99999;width: 100%;background: rgba(254,254,254,0.8);}
.fixed_header.hd_top { width: 100%; position: fixed; z-index: 99999; left: 0; 
   transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  box-shadow: 2px 3px 14px rgba(1, 2, 2, 0.18);}
.logo a{display: inline-block; padding: 15px 0;}
.social_menu ul{margin-top: 15px;}
.social_menu ul li{display: inline-block; list-style: none; margin: 0 6px;}
.social_menu ul li a{font-size: 14px; font-size: 1.4rem; color: #767575; transition: all 0.4s ease-in-out;}
.social_menu ul li a:hover{color: #000;}
.nav_menu ul{margin: 15px 0;}
.nav_menu ul li{display: inline-block; list-style: none; margin-left: 50px;}
.nav_menu ul li a{color: #000; font-size: 16px; font-size: 1.6rem; text-transform: capitalize;position: relative;transition: all 0.3s ease-in-out;font-family: 'Nanum Gothic', sans-serif;}
.nav_menu ul li a:before{content: ""; width: 37px; height: 7px; border: 1px #000 solid; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; opacity: 0; transition: all 0.3s ease-in-out; border-bottom: none;}
.nav_menu ul li a:after{content: ""; width: 28px; height: 1px; background: #000;position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0;transition: all 0.3s ease-in-out; opacity: 0;}
.nav_menu ul li.current_page_item a:before, .nav_menu ul li a:hover:before{opacity: 1;top: -14px;}
.nav_menu ul li.current_page_item a:after, .nav_menu ul li a:hover:after{opacity: 1;bottom: -14px;}

/* .responsive_menu{display: block; position: relative;width: 100%;top: 10px;} */
a.toggle-btn {display: none; position: relative; width: 34px; height: 24px;}
a.toggle-btn span{width: 33px; height: 4px; background: #000; margin-bottom: 5px; display: block; position: absolute; right: 0;}
a.toggle-btn span:first-child{width: 33px; top: 0;}
a.toggle-btn span:nth-child(2){width: 26px; top: 8px;}
a.toggle-btn span:last-child{width: 18px; top: 16px;}
.mm-panel.mm-panel_opened{background: #272727;}
.mm-menu a{color: #fff !important; text-align: center}
.mm-navbar{background: rgb(39, 39, 39); font-weight: 700;}
.mm-listitem:after {
  border-color: rgb(121, 107, 107);
  left: 0px;
}
.mm-btn_close:after, .mm-btn_close:before {
  border-color: rgb(255, 255, 255);
}

.slide_section .metaslider .flexslider{margin: 0;}
.slide_section .metaslider .caption-wrap{height: 100%; background: rgba(0,0,0,0.3); opacity: 1; text-align: center;}
.slide_section .metaslider .caption-wrap .caption{top: 55%;position: absolute;width: 100%;transform: translateY(-50%);}
.slide_section .metaslider .caption-wrap .caption h2{font-size: 30px; font-size: 3rem; color: #fff; text-transform: uppercase; font-weight: 600; line-height: 1.7; letter-spacing: 6px; margin-bottom: 20px;}
.slide_section .metaslider .caption-wrap .caption h2 span{display: block;}
.slide_section .metaslider .flex-control-nav{bottom: 45px;}
.slide_section .metaslider .flex-control-paging li a{width: 9px; height: 8px; background: #959595; border-radius: 0;}
.slide_section .metaslider .flex-control-paging li a.flex-active{background: #fff;}
.slide_section .banner_content{position: relative; display: inline-block; width: 60%;padding-top: 45px; border: 1px #fff solid; border-bottom: 0; height: 205px;}
.slide_section .banner_content:before{content: "";width: 22%; height: 1px; position: absolute; bottom: 0; left: 0;background: #fff;}
.slide_section .banner_content:after{content: "";width: 22%; height: 1px; position: absolute; bottom: 0; right: 0;background: #fff;}

/*=========================== Common Inner Banner =============================*/
.banner-image img {width: 100%;}
.site-inner-banner {position: relative;}
.banner-content {
  position: absolute; 
  bottom: -100px; 
  left: 0; 
  right: 0; 
  width: 100%; 
  margin: 0px auto; 
  z-index: 9;
}
.banner-content-bx {
  background-color: #ffffff;
  box-shadow: 0px 0px 18px 2px rgba(8,28,116,.24);
  -webkit-box-shadow: 0px 0px 18px 2px rgba(8,28,116,.24);
  -ms-box-shadow: 0px 0px 18px 2px rgba(8,28,116,.24);
  -moz-box-shadow: 0px 0px 18px 2px rgba(8,28,116,.24);
  padding: 35px;
  text-align: center;
  position: relative;
}

h1.banner_title {
  background-color: #ffffff;
  color: #050505;
  display: inline-block;
  position: relative;
  padding: 0px 25px;
  font-weight: 500;
  margin-bottom: 30px;
  z-index: 2;
}
.banner_line {
  border-top: 1px solid #000000;
  position: absolute;
  top: 52px;
  left: 35px;
  right: 35px;
  display: inline-block;
}
.banner_line:before {
  content: "";
  background-color: #000000;
  width: 1px;
  height: 35px;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
}
.banner_line:after {
  content: "";
  background-color: #000000;
  width: 1px;
  height: 35px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}
.banner-content-bx p {color: #000000; font-size: 18px; font-size: 1.8rem; font-weight: 500; text-transform: uppercase; /* padding: 0 12.122%; */ padding: 0 10%; line-height: 34px;}

/*===========================Services=============================*/
.service-list-wrap {margin-top: 175px; text-align: center;}
.service-list li {display: inline-block; list-style: none; padding-right: 100px; position: relative;}
.service-list li:last-child {padding-right: 0px;}
.service-list li:after {
  background: #000000;
  content: '';
  display: inline-block;
  width: 2px;
  height: 16px;
  position: absolute;
  top: 4px;
  right: 50px;
}
.service-list li:last-child:after {display: none;}
.service-list li a {color: #000000; font-size: 16px; font-size: 1.6rem; font-weight: 500; max-width: 210px; display: inline-block; vertical-align: top;}

.inner_banner {position: relative;}
.inner_banner:before {content: ""; background: rgba(3,97,142,0.6); position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.service_sec {padding-bottom: 130px;}
.service_main {padding-top: 130px; width: 100%; float: left;}
/* .service_main:last-child, .service_main.service_reverse {margin-bottom: 65px;} */
/* .service_main.service_reverse {margin-top: 125px;} */
.service_main .service_main_img {width: 52%; float: left;}
.service_main .service_main_img img {width: 100%;}
.service_main .service_main_content {width: 48%; float: left; padding-left: 50px;}
.service_main .service_main_content .service_sec_content {max-width: 470px; float: left;}

.service_main .service_main_content .service_sec_content h3 {color: #292929; margin-bottom: 25px; line-height: 1;}
.service_main .service_main_content .service_sec_content p {color: #000000; margin-bottom: 22px;}
.service_main.service_reverse .service_main_img {float: right;}
.service_main.service_reverse .service_main_content {padding-right: 50px; padding-left: 0px;}
.service_main.service_reverse .service_main_content .service_sec_content {float: right;}

/*===========================Contact Us=============================*/
.contact_map {margin-bottom: 100px;}
.contact_map iframe {width: 100%;}

/*===========================Footer=============================*/
footer{background: url(../images/footer_bg.jpg)no-repeat;  background-size: cover; background-position: center bottom; position: relative;}
footer:before{content: ""; background: rgba(0,0,0,0.8); position: absolute;width: 100%; height: 100%;}
footer .container{padding: 40px 15px;}
.footer_social ul li a{color: #bbbbbb; font-size: 12px; font-size: 1.2rem;}
.footer_social ul li a:hover{color: #fff;}
.footer_logo a{display: inline-block;margin: 20px 0;}
.footer_menu ul li{display: inline-block; list-style: none; margin: 20px;}
.footer_menu ul li a{text-transform: uppercase; color: #fff;position: relative; padding: 0 10px 10px 10px;}
.footer_menu ul li a:after{content: "";position: absolute; width: 0; height: 1px; background: #fff; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all 0.4s ease-in-out;}
.footer_menu ul li a:hover:after, .footer_menu ul li.current_page_item a:after{width: 100%;}
.footer_contact ul li{display: inline-block; color: #acacac;margin: 5px 10px; text-transform: uppercase;font-size: 12px;font-size: 1.2rem;}
.footer_contact ul li:first-child{display: block;}
.footer_contact ul li span{margin-right: 12px;}
.footer_contact ul li a{color: #acacac; text-transform: uppercase; font-size: 12px;font-size: 1.2rem; transition: all 0.4s ease-in-out;}
.footer_contact ul li a:hover{color: #fff;}
.copyright, .design_dev{margin-top: 40px;}
.copyright p, .design_dev p, .design_dev p a{color: #898888; font-size: 12px; font-size: 1.2rem; text-transform: uppercase;}
.copyright p span{margin-right: 10px;}

.index_contact{margin-bottom: 150px;}
.index_contact_left{background: url(../images/index_contact_bg.jpg) no-repeat; background-size: cover; width: 100%; background-position: left center; position: relative; overflow: hidden;}
.index_contact_left:before{content: ""; background: rgba(0,0,0,0.8); position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.index_contact_form { max-width: 555px; position: relative; z-index: 10; padding-top: 50px; padding-bottom: 115px; float: right; width: 100%; padding-right: 60px;}
.index_contact_form h3{color: #fff; margin-bottom: 65px;}
.index_contact_form input{width: 100%; background: transparent; border-radius: 0; -webkit-appearance: none; border: 1px #fff solid; color: #fff; height: 50px; padding: 0 12px; margin-bottom: 35px;}
.index_contact_form textarea{width: 100%; background: transparent; border-radius: 0; -webkit-appearance: none; border: 1px #fff solid; color: #fff; height: 95px; padding: 0 12px;margin-bottom: 35px; resize: none;}
.index_contact_form button{font-size: 12px; font-size: 1.2rem; text-transform: uppercase; position: relative;background: transparent; color: #fff;  border: 1px #fff solid; padding: 12px 95px 10px 12px;}
.index_contact_form button:after{content: "\e900"; font-family: 'icomoon' !important; position: absolute; right: 10px;}
.index_contact_form input::-webkit-input-placeholder, .index_contact_form textarea::-webkit-input-placeholder {color: #fff;}
.index_contact_form input::-moz-placeholder, .index_contact_form textarea::-moz-placeholder {color: #fff;}
.index_contact_form input:-ms-input-placeholder, .index_contact_form textarea:-ms-input-placeholder  {color: #fff;}
.index_contact_form input:-moz-placeholder, .index_contact_form textarea:-moz-placeholder {color: #fff;}
.index_contact_form .wpcf7-form-control-wrap{display: block;}
.index_contact_form span.wpcf7-not-valid-tip{position: absolute; left: 0;bottom: 15px; font-size: 14px; font-size: 1.4rem;}
.index_contact_form div.wpcf7-validation-errors, .index_contact_form div.wpcf7-acceptance-missing, .index_contact_form div.wpcf7-mail-sent-ok{color: #fff; font-size: 12px; font-size: 1.2rem;}
.index_contact_right {
  padding-left: 100px;
  max-width: 555px;
}
.newsletter_sec{margin-bottom: 100px;}
.newsletter_sec p{margin-bottom: 30px;}
.newsletter_sec input[type=email]{width: 400px; height: 50px; padding: 0 15px; border-radius: 0; -webkit-appearance: none; border: 1px #000 solid; font-size: 14px; font-size: 1.4rem; color: #000;}
.newsletter_sec input::-webkit-input-placeholder{color: #000;}
.newsletter_sec input::-moz-placeholder{color: #000;}
.newsletter_sec input:-ms-input-placeholder{color: #000;}
.newsletter_sec input:-moz-placeholder{color: #000;}
.newsletter_sec button{font-size: 16px; font-size: 1.6rem; text-transform: uppercase;position:relative;background:#000;color:#fff; padding: 12px 135px 10px 22px; border: none;}
.newsletter_sec button:after{content: "\e900"; font-family: 'icomoon' !important; position: absolute; right: 10px; color: #fff;}
.newsletter_sec .wpcf7-form-control-wrap{display: inline-block;}
.newsletter_sec span.wpcf7-not-valid-tip{position: absolute;right: 0;font-size: 13px; font-size: 1.3rem;}
.newsletter_sec div.wpcf7-mail-sent-ok, .newsletter_sec div.wpcf7-validation-errors, .newsletter_sec div.wpcf7-acceptance-missing{font-size: 13px; font-size: 1.3rem;}
.client_testimonial h3{margin-bottom: 55px;}
.testi_main{margin: 0; padding-top: 40px;}
.testi_main:focus{outline: none;}
.testi_img{width: 100px; display: inline-block; vertical-align: top; overflow: hidden;}
.testi_content{ width: calc(100% - 105px); display: inline-block; vertical-align: top; position: relative;}
.testi_content:before{content: ""; background: url(../images/inverted.png) no-repeat; width: 27px; height: 21px; position: absolute; top:-40px; left: 0; right: 0; margin: 0 auto;}
.testi_content p{font-size: 20px; font-size: 2rem; color: #969696; font-style: italic; margin-left: 20px;}
.client_testimonial .slick-prev{top: auto;bottom: -55px;left: -50px;right: 0;margin: 0 auto; width: 25px;}
.client_testimonial .slick-prev:before{content: "\e900"; font-family: 'icomoon' !important; position: absolute; left: 0; top: 0; transform: rotate(180deg); color: #969696;}
.client_testimonial .slick-next{top: auto;bottom: -55px;left: 0;right: -100px;margin: 0 auto; width: 72px;}
.client_testimonial .slick-next:before{content: ""; background: url(../images/right_arrow.png) no-repeat; width: 72px; height: 18px; position: absolute; left: 0; top: 0;}
.grecaptcha-badge {display: none; opacity: 0;}

/*===========================Home=============================*/
.index_why_choose{background: url(../images/why_choose_bg.jpg) no-repeat; background-size: cover; width: 100%;background-position: 0 0; position: relative;}
.index_why_choose:before{content: ""; background: rgba(254,254,254,0.9); position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.index_choose_main{margin: 100px 0; position: relative; border: 1px #000 solid; border-top: none; padding-bottom: 75px;}
.index_choose_main:before{content: ""; width: 10%; height: 1px; background: #000; position: absolute; left: 0; top: 0;}
.index_choose_main:after{content: ""; width: 10%; height: 1px; background: #000; position: absolute; right: 0; top: 0;}
.index_choose_hd{margin-top: -8px; margin-bottom: 80px;}
.index_choose_hd h4{font-size: 16px; font-size: 1.6rem; font-weight: 500; color: #000;}
.index_choose_img img{width: 90%; display: block; margin: 0 auto;}
.index_choose_content {width: 95%;}
.index_choose_content h1{ margin-bottom: 35px; }
.index_choose_content p{margin-bottom: 30px;}
.index_choose_content a.learn_btn{padding: 12px 110px 12px 22px; color: #fff; background: #000;}
.index_choose_content a.learn_btn:after{content: "\e900"; color: #fff;}
.index_choose_content a.learn_btn:hover:after{right: 3px;}
.index_service{padding: 135px 0;}
.index_service_content h3{margin-bottom: 35px;}
.index_service_content p{margin-bottom: 35px;}
.index_service_image span{display: inline-block; position: relative;}
.index_service_image span a.learn_btn{position: absolute;left: 0;bottom: 50px;background: transparent;color: #fff;}
.index_service_image span a.learn_btn:after{content: "\e900"; color: #fff; right: 30px;}
.index_project_main{border: 1px #000 solid; padding: 60px 25px;}
.index_project_sec{background: #ececec; padding: 65px 0;}
.proj_content_main{background: #000; color: #fff; padding: 20px 15px!important; position: relative;}
.proj_content_main:before{content: ""; border-top: 12px solid transparent;border-right: 15px solid #000;border-bottom: 12px solid transparent; position: absolute; left: -15px; top: 40px;}
.proj_content_main.order-sm-1:before{content: "";left: auto; right: -15px;transform: rotate(180deg);}
.project_content h5{font-size: 16px; font-size: 1.6rem; color: #fff; font-weight: 500; text-transform: uppercase;}
.project_content p{font-size: 13px; font-size: 1.3rem; color: #959595;}
.project_content a.learn_btn{padding: 10px 80px 10px 10px;border: 1px #fff solid;background:transparent;color: #fff;font-size: 12px; margin-bottom: 0;}
.project_content a.learn_btn:after{content: "\e900"; color: #fff;}
.project_content a.learn_btn:hover{background: #fff; color: #000;}
.project_content a.learn_btn:hover:after{color: #000;}
.index_project_right{padding-left: 20px;}
.index_project_right h3{margin-bottom: 45px;}
.index_project_right p{margin-bottom: 30px;}
.index_project_right a.learn_btn{padding: 10px 100px 10px 10px;border:1px #000 solid;background:transparent;color: #000; margin:0;}
.index_project_right a.learn_btn:hover{background: #000; color: #fff;}
.professional_sec{padding: 145px 0 205px 0;}
.prof_left{margin-top: 20px;}
.prof_left p{margin-top: 40px;}
.prof_main{padding: 10% 7%; margin: 5%; background: #fff;-webkit-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.4);box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.4); width: 90%; float: left; height: 435px;}
.prof_main_top{width: 100%; float: left;}
.prof_main_top ul li{display: inline-block; list-style: none;}
.prof_main_top ul li.prof_img{width: 60px; height: 60px; overflow: hidden; border-radius: 50%; float: left;}
.prof_main_top ul li.prof_design{width: 66%; float: left;}
.prof_main_top ul li.prof_design h6{color: #000; font-size: 12px; font-size: 1.2rem; font-weight: 900; text-transform: capitalize; margin-top: 15px; margin-left: 15px;}
.prof_main_top ul li.prof_design h6 span{display: block; font-weight: 400; margin-top: 3px; font-size: 11px; font-size: 1.1rem;}
.prof_main_btm{width: 100%; float: left;}
.prof_main_btm p{font-size: 14px; font-size: 1.4rem; color: #2a2a2a; margin: 25px 0;}
.slick-slide:focus{outline: none;}
.prof_slide .slick-prev{top: auto;bottom: -95px;left: -50px;right: 0;margin: 0 auto; width: 25px;}
.prof_slide .slick-prev:before{content: "\e900"; font-family: 'icomoon' !important; position: absolute; left: 0; top: 0; transform: rotate(180deg); color: #969696;}
.prof_slide .slick-next{top: auto;bottom: -95px;left: 0;right: -100px;margin: 0 auto; width: 72px;}
.prof_slide .slick-next:before{content: ""; background: url(../images/right_arrow.png) no-repeat; width: 72px; height: 18px; position: absolute; left: 0; top: 0;}
/*===========================About Us=============================*/
.about_service .service_main { margin: 180px 0 50px 0; padding-top: 0 }
.service_sec.about_service { padding-bottom:0  }
.about_service .service_main .service_main_content .service_sec_content p { margin-bottom: 28px; }
.about_service .service_main .service_main_content .service_sec_content h3 { margin-bottom: 35px; }
.repeat_stroke { border: 1px rgb(0, 0, 0) solid; border-top: none; padding: 30px 50px 45px 50px; margin-bottom: 80px; position: relative; }
.repeat_stroke:before { content: ""; width: 10%; height: 1px; background: rgb(0, 0, 0); position: absolute; left: 0; top: 0; }
.repeat_stroke:after { content: ""; width: 10%; height: 1px; background: rgb(0, 0, 0); position: absolute; right: 0; top: 0; }
.repeat_stroke h4 { font-size: 18px; font-size: 1.8rem; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; }
.mi_vi_section { margin-bottom: 95px; }
.mi_vi_section .vm_title{font-size: 30px; font-size: 3rem; text-transform: uppercase; font-weight: 600; margin-bottom: 25px;}
.mi_vi_section .vm_image { margin-bottom: 35px }
.mi_vi_section .vm_short_text p { margin-bottom: 45px; font-size: 14px; font-size: 1.4rem;  }
/*===========================Thank You And 404=============================*/
.error404 header.wrapper,
.page-template-template-thank-you header.wrapper { display: none; }
.thank_you { background: url(../images/thank-you-bg.jpg) no-repeat; background-size: cover; overflow: hidden; width: 100%; height: 100%; min-height: 100vh; max-height: 100vh; }
.error404 .thank_you { background: url(../images/fzf-bg.jpg) no-repeat; background-size: cover; }

.tk_right { background-color: rgba(255, 255, 255, 0.9); height: 100%; min-height: 100vh; max-height: 100vh; max-width: 568px; }
.tk_right .logo { margin-top: 25%;  margin-bottom: 20%; }
.tk_right h1 { font-size: 50px; font-size: 5rem; text-transform: uppercase; color: #000; font-weight: 600; margin-bottom: 10%; }
.tk_right h2 { text-transform: uppercase; color: #000; font-weight: 500; margin-bottom: 10%;}
.tk_right p {color: #4e4d4d; margin: 0 auto; margin-bottom: 8%; max-width: 265px;}
.tk_right a.back_to_home{ border: 1px rgb(0, 0, 0) solid; font-size: 14px; font-size: 1.4rem;   padding: 10px 15px 10px 15px; text-transform: uppercase; color: #000; font-weight: 500; display: inline-block; margin-bottom: 15px;}
.tk_right a.back_to_home:hover { background-color: #fff; border-color:rgb(0, 0, 0); }
.tk_right a.back_to_home img { margin-right: 20px; }
.view_resp_btn { display: none; }
/*====================================Responsive========================================*/
/*======== Extra small devices ========*/
@media only screen and (max-width: 767px) {
h1, h3 { font-size: 25px; font-size: 2.5rem; }
.logo a{ max-width: 130px;}
.responsive_menu { display: inline-block; position: relative; top: 20px; }
.social_menu,
.desktop_menu { display: none;}
.hdr_right { text-align: right; }
.slide_section { overflow: hidden; }
.slide_section .metaslider .slides img { max-width: 150% !important; width: 150%; }
.slide_section .banner_content { width: 100%; }
.slide_section .metaslider .caption-wrap .caption h2 { font-size: 17px; font-size: 1.7rem; line-height: 27px; line-height: 2.7rem; letter-spacing: 3px; margin-bottom: 12px;}
.slide_section a.learn_btn { padding: 6px 70px 6px 14px; font-size: 16px; font-size: 0.80rem; }
.slide_section ol.flex-control-nav { display: none;}
.slide_section .metaslider .caption-wrap .caption { top: 60%; padding: 0; }
.slide_section .banner_content { padding-top: 25px; height: 125px; }
.index_why_choose { background: #f4f4f4; }
.index_choose_main { margin: 30px 0; border: none; padding-bottom: 0; }
.index_project_right a.learn_btn,
.proj_content_main:before,
.index_why_choose:before,
.index_choose_main:before,
.index_choose_main:after { display: none; }
.index_choose_hd { margin-top: 0px; margin-bottom: 20px; }
.index_choose_main > div { padding: 0; }
.index_choose_img img { width: 100%; margin-bottom: 20px; }
.index_choose_content { width: 100%; text-align: center; }
.index_choose_content h1 { margin-bottom: 20px; }
.index_service { padding: 35px 0; text-align: center; }
.index_service_image span a.learn_btn { bottom: 0px; padding: 18px 60px 18px 5px; font-size: 12px; font-size: 1.2rem; }
.index_project_sec { padding: 35px 0; }
.index_project_main { border: none; padding: 0; text-align: center; }
.index_project_right { padding-left: 0; }
.index_project { margin-bottom: 20px; }
.view_resp_btn.index_project_right a.learn_btn,
.view_resp_btn { display: inline-block; }
.index_project_right h3 { margin-bottom: 20px; }
.professional_sec { padding: 35px 0; text-align: center; }
.index_project img{ width: 100%; }
.prof_left p,
.prof_left { margin-top: 0px; }
.prof_left h3 { margin-bottom: 20px; }
.prof_slide .slick-dots li button:before { font-size: 45px; }
.index_contact_form { max-width: 100%; padding: 0 15px; text-align: center; }
.index_contact_form h3 { margin-bottom: 25px; font-size: 25px; font-size: 2.5rem; }
.index_contact_left { padding: 35px 0; }
.index_contact_form button { float: none !important; }
.index_contact_right { padding: 35px 15px; text-align: center; margin: 0 auto; }
.newsletter_sec .wpcf7-form-control-wrap { display: block; }
.newsletter_sec button,
.newsletter_sec input[type=email] { width: 100%; }
.newsletter_sec { margin-bottom: 35px; }
.client_testimonial h3 { margin-bottom: 20px; font-size: 25px; font-size: 2.5rem; }
.testi_img { width: 80px; }
.testi_content { width: calc( 100% - 85px); }
.testi_content p { font-size: 14px; font-size: 1.4rem; }
.index_contact { margin-bottom: 50px; }
.social_menu.footer_social { display: inline-block; }
.footer_menu ul li { display: block; }
footer .container { padding: 40px 15px; text-align: center; }
.copyright p, .design_dev p, 
.design_dev p a { text-align: center; }
.footer_contact ul li span {  display: block; margin: 0 auto }
.footer_contact ul li { display: block; margin-bottom: 10px; }
.copyright, .design_dev { margin-top: 20px; }


.banner-image { overflow: hidden; }
.banner-content { max-width: 320px; }
.banner-image img { width: 150%; max-width: 150%; }
.banner-content-bx { padding: 20px 25px; }
h1.banner_title { margin-bottom: 5px; font-size: 25px; font-size: 2.5rem; }
.banner-content-bx p { font-size: 11px; font-size: 1.1rem; padding: 0; line-height: 16px; line-height: 1.6rem; }
.banner_line { display: none }
.about_service .service_main { margin: 130px 0 30px 0; }
.service_main .service_main_img{ width: 100%; margin-bottom: 30px; }
.about_service .container-fluid { padding: 0 15px !important; }
.service_main .service_main_content { width: 100%; padding-left: 0px; text-align: center; }
.service_main .service_main_content .service_sec_content { max-width: 100%; }
.about_service .service_main .service_main_content .service_sec_content h3 { margin-bottom: 20px; }
.repeat_stroke:before,
.repeat_stroke:after { display: none; }
.repeat_stroke { border: none; padding: 0; margin-bottom: 30px; text-align: center; }
.repeat_stroke .row > div { margin-bottom: 20px; }
.mi_vi_section { margin-bottom: 30px; text-align: center; }
.mi_vi_section .vm_title { font-size: 25px; font-size: 2.5rem; }
.mi_vi_section .vm_short_text p { margin-bottom: 15px; }
.mi_vi_section .row > div { margin-bottom: 30px; }
.service-list-wrap { display: none; }
.service_main { padding: 30px 15px 0 15px; }
.service_sec { padding-top: 100px; }
.service_sec.about_service { padding-top: 0px; }
.service_main.service_reverse .service_main_content { padding-right: 0px; padding-left: 0px; }
.service_sec { padding-bottom: 30px; }
.newsletter_sec span.wpcf7-not-valid-tip { right: 0; bottom: -65px; left: 0;}

.tk_right { min-height: auto; max-height: 100vh; margin: 0 auto; position: absolute; transform: translateY(-50%); top: 50%; height: auto; width: calc(100% - 30px); left: 0; right: 0; }
.tk_right .logo { margin-top: 5%; margin-bottom: 2%; }
.tk_right h1 { margin-bottom: 2%; font-size: 40px; font-size: 4rem; }
.tk_right h2 { margin-bottom: 1%; }
.tk_right p { margin-bottom: 3%; }
.contact_map { margin-bottom: 30px; }
.prof_slide .slick-prev,
.prof_slide .slick-next { bottom: -30px; }
}

/*======== Small devices (landscape phones, 480px and up)========*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
.container { max-width: 100%; }
.index_service_image { text-align: center !important; }
.project_content { position: relative; transform: translateY(-50%); top: 50%; }
.prof_slide .slick-next,
.prof_slide .slick-prev { bottom: -20px;}
.footer_menu ul li { display: inline-block; width: 24%; }

.banner-image img { max-width: 100%; }
}

/*======== Small devices (landscape phones, 600px and up)========*/
@media only screen and (min-width: 600px) and (max-width: 767px){}

/*======== Medium devices (tablets, 768px and up)==========*/
@media only screen and (min-width: 768px) and (max-width: 991px){
.container { max-width: 100%; }
.nav_menu ul li { display: inline-block; list-style: none; margin-left: 30px; }
.slide_section .banner_content { width: 75%; }
.index_choose_main:before,
.index_choose_main:after {width: 4%;}
.index_choose_hd h4 {font-size: 13px; font-size: 1.3rem;}
.index_choose_img {margin-bottom: 30px;}
.index_choose_content {text-align: center;}
.index_service_image,
.index_service_content {text-align: center !important;}


.index_project_sec { padding: 0 15px; }
.index_project_main { padding: 60px 0px; }
.proj_content_main { padding: 5px!important; }
.project_content p { font-size: 10px; font-size: 1rem; }
.project_content a.learn_btn { padding: 5px 80px 5px 10px; margin-top: 14px; }
.project_list_wrap { padding-right: 0; }
.index_project_right { padding-left: 0px; }
.index_project_right p { margin-bottom: 10px; }
.index_project_right h3 { margin-bottom: 15px; }
.index_contact_form { padding: 100px 0; margin: 0 auto; float: none; text-align: center; }
.index_contact_form button { float: none !important; }
.index_contact_right { padding: 50px 0px; text-align: center; margin: 0 auto; width: 100%; }
.newsletter_sec form p { max-width: 400px; margin: 0 auto; margin-bottom: 30px; }
.about_why_choose .service_main .service_main_content .service_sec_content { padding-right: 15px; }
.about_why_choose .service_main .service_main_content { padding-left: 15px; }
.about_service .service_main .service_main_content .service_sec_content h3 { margin-bottom: 15px; }
.about_service .service_main .service_main_content .service_sec_content p { margin-bottom: 15px; }
.banner-content-bx p { font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; }
.service-list li { padding-right: 50px; }
.service-list li:after { right: 25px; }
.service-list li a { font-size: 12px; font-size: 1.2rem; }
.service_main .service_main_content { padding-left: 15px; }
.service_main.service_reverse .service_main_content { padding-right: 15px; padding-left: 0px; }
.service_main .service_main_content .service_sec_content h3 { font-size: 25px; font-size: 2.5rem; }
.newsletter_sec span.wpcf7-not-valid-tip { right: 0; bottom: -65px; left: 0; }
.tk_right h1 { margin-bottom: 2%; }
.tk_right .logo { margin-top: 5%; margin-bottom: 5%; }
.tk_right h2 { margin-bottom: 2%; }
.tk_right p { margin-bottom: 2%; }
.service_main .service_main_content .service_sec_content { padding-right: 15px}
.service_main.service_reverse .service_main_content .service_sec_content { padding-right: 0px; padding-left: 15px}
}
/*======== Large devices (desktops, 992px and up)========*/
@media only screen and (min-width: 992px) and (max-width: 1199px){
.index_choose_hd h4 {font-size: 15px; font-size: 1.5rem;}
.container { max-width: 100%; }
.index_project_sec { padding: 65px 15px; }
.proj_content_main { padding: 10px!important; }
.index_contact_form { max-width: 100%; padding: 50px 15px; }
.index_project_main { padding: 60px 0px; }
.project_content p { font-size: 12px; font-size: 1.2rem; }
.index_contact_right { padding: 0 50px; }

.testi_content p { font-size: 16px; font-size: 1.6rem; }
.service_main .service_main_content .service_sec_content { padding-right: 15px}

}

/*======== Extra large devices (large desktops, 1200px and up) ========*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {}