@media (min-width: 1200px){
.container {
    max-width: 1260px;
	Padding:0px 30px;
}
.footer-main .container {
    Padding: 0px 10px;
}
}
.container{position:relative;}
.banner-about .container, .banner-pricing .container, .banner-sign .container{position:unset;}
body {
    font-family: "Barlow",Arial,Helvetica,sans-serif;
	transition: transform 0.5s ease-in;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway",Arial,Helvetica,sans-serif;
}
a {
    text-decoration: none;
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    transition: color 200ms ease;
    color: inherit;
}
.header-issue {
    overflow: hidden;
}
header#header .navbar-expand-lg .navbar-collapse {
    display: block !important;
}
/***************header*********************/
.banner-text {    margin-top: 90px;}
.banner-text.wow.fadeInLeft h1 {line-height: 0px;}
.menuPort {  font-family: "Raleway",Arial,Helvetica,sans-serif; padding: 10px 0 10px 30px;}
.menuPort .navbar { padding: 0 0 !important;}
.top-logo img {width: 100%; max-width: 255px; transition: all 0.3s;}
header#header { z-index: 1; position: absolute; width: 100%;    transition: all 0.3s;}
header#header.stickyHeader { position: fixed; width: 100%; background: #fff;box-shadow: 0 2px 20px 0 rgba(0,0,0,.15); transition: all 0.3s;}
.stickyHeader .top-logo img { width: 100%; max-width: 200px;min-width:0px;    transition: all 0.3s;}
.banner {position: relative; background-image: url(../images/banner-home.png); background-position: center bottom; min-height: 876px; background-repeat:no-repeat;opacity: 1;background-size:cover;}
.banner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-menu ul.mobile-nav li { padding: 0 35px 0 0;}
ul.navbar-nav.mobile-nav li a {font-weight: 500; color: #fff; text-decoration: none;}
ul.mobile-nav li { display: flex; align-items: center;}
ul.mobile-nav li:last-child { padding: 0;}
.main-menu { position: absolute; right: 200px;}
.main-menu ul.mobile-nav li.nav-item.active a::before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 5;
    left: -15px;
    width: 10px;
    pointer-events: none;
    height: 2px;
    background-color: #6ab7fe;
    top: 50%;
}
.btn-space-top { margin-top: 40px;}
.banner-btn {
    background-color: #6ab7fe;
    color: #ffffff;
    box-shadow: 0 -2px 0 0 rgba(24,24,24,.15) inset;
    padding: 14px 30px;
    border-radius: 50px;
    border: 1px solid #6ab7fe;
    font-size: 16px;
    font-family: "Sarabun",Arial,Helvetica,sans-serif;
    font-weight: 700;
    display: inline-block;
	    transition: all 0.3s;
}
.banner-btn a,.box-btn a {color: #fff; text-decoration: none;}
.box-btn {background-color: #6ab7fe;color: #ffffff;box-shadow: 0 -2px 0 0 rgba(24,24,24,.15) inset;padding: 14px 19px;border-radius: 50px;border: 1px solid #6ab7fe;font-size: 14px;font-family: "Sarabun",Arial,Helvetica,sans-serif;font-weight: 700;margin: auto;transition: all .3s;display: inline-block;}
.banner-btn:hover,.box-btn:hover {  box-shadow: 0 -3px 0 0 rgba(24,24,24,.15) inset, 0 3px 10px rgba(0,0,0,0.3);}
.box-btn:hover,.banner-btn:hover {transform: translateY(-3px); transition: all 0.3s;}																																										 	
.main-menu ul li a { position: relative;}



																																																																																																	
														 
.banner-content b {color: #fff;font-weight: 700; font-size: 65px;}
.banner-content u {color: #fff;text-decoration: none;font-weight: 100;display: block; width: 100%;max-width: 650px;font-size: 45px; line-height: 60px;margin: 20px 0 20px 0;}
span.banner-content { line-height: 56px;text-transform: uppercase;}
.white-banner-btn {background-color: #ffffff;color: #282742; box-shadow: 0 -2px 0 0 rgba(24,24,24,.15) inset; padding: 14px 12px; border: 1px solid #282742;font-size: 18px; font-family: "Sarabun",Arial,Helvetica,sans-serif;font-weight: 800; display: inline-block;transition: all 0.3s; text-transform: uppercase;}
span.white-banner-btn:hover { transform: translateY(-3px);transition: all 0.3s;}
.color-logo-hide img{display: none;transition: all 0.5s;}
header#header.stickyHeader .color-logo-hide img{ display: block;transition: all 0.5s;}
header#header.stickyHeader .white-logo-hide img{ display: none;transition: all 0.5s;}
header#header.stickyHeader ul.navbar-nav.mobile-nav li a {color: #000;}


/***************header*********************/
.icon-color { background: #6ab8ff;width: 100%;text-align: center; margin: auto; padding: 40px 0;box-shadow:0px 3px 8px -1px rgba(0,0,0,0.5);}
.icon {  background: #fff; width: 100%; text-align: center; margin: auto; padding: 40px 0;box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.5);}
.three-empolyee { padding: 0 0; text-align: center; position: relative; bottom: 80px;}																				  
.icon-color h5 { padding: 20px 0; font-weight: 600;letter-spacing: -.03em;color: #ffffff;}
.icon h5 {padding: 20px 0;font-weight: 600;letter-spacing: -.03em;color: #323743;}
.box-btn { margin-top: 25px;}
.box-btn i { padding: 0 0px 0 8px;}
button.box-learn { background-color: #6ab7fe;color: #ffffff; box-shadow: 0 -2px 0 0 rgba(24,24,24,.15) inset; padding: 14px 19px; border-radius: 50px; border: 1px solid #6ab7fe; font-size: 14px;font-family: "Sarabun",Arial,Helvetica,sans-serif; font-weight: 700;}
button.box-learn:hover {box-shadow: 0 -3px 0 0 rgba(24,24,24,.15) inset, 0 3px 10px rgba(0,0,0,0.3);}
.time-image img {width: 100%;max-width: 615px;}
.time-image {text-align: right;}
.border-line {border-bottom: 4px solid #6ab7fe;  padding: 15px 0;}
.col-lg-6.space-left { padding-right: 0;}
.time-space { padding-bottom: 8.75em;}
.main-heading {margin-left: auto;max-width: 590px;padding: 0 20px 0 0;}
.get-form {padding: 0 0 0 20px;}
.headline_subheadline { font-size: 18px; margin-top: 23.4px; padding-right: 20px;}
.content { font-size: 38.4px; font-weight: 800; line-height: 35px;}
.content span {color: #323743;   letter-spacing: -0.3px;}
.content b {  color: #6ab7fe;font-size: 2.4rem;}
div#time-tracking {  background-image: url(../images/bgn-team.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-image { background-image: url(../images/bgn-map.png); background-repeat: no-repeat; background-position: 0px 25%; background-size: auto;}
.one-icon { text-align: center; margin-top: 100px;}
.get-icon { font-size: 50px;color: #6ab7fe;}
.two-icon { display: flex;text-align: center; align-items: center; justify-content: space-between; margin-top: 40px;}
.two-main-icon {display: flex;}
.title h3 { font-weight: 800; letter-spacing: -.03em; color: #323743; font-size: 25px;}
.both { padding-left: 20px;}
.get-form .name { width: 100%; margin: 5px 0; padding: 13px 20px;border-radius: 50px;  border: 1px solid #D1D1D1;}
.get-form .text-name {width: 100%; margin: 5px 0; padding: 13px 20px; border-radius: 30px; border: 1px solid #D1D1D1;}
.icon-section { margin-right: 100px;}


/****************Footer***********************/
.footer-head i {font-size: 11px;}
.footer-head p a:hover i {text-decoration: none;color: #000;}
.footer-head p a:hover {text-decoration: none;color: #000;}
.footer-head ul li a:hover {color: #d8cfcf;}
.footer-main { background-image: url(../images/bgn-footer.png);background-size: cover;  background-repeat: no-repeat;padding: 0 60px;}
.footer-main {background-image: url(../images/bgn-footer.png);background-repeat: no-repeat;    padding: 0 60px;background-position: left bottom;background-size: contain;}
.footer-head h3 { font-size: 20px; color: #6ab7fe; font-weight: 800;}
.footer-head p { margin-bottom: 5px; font-size: 14px;}
.footer-head ul li { list-style: none;}
.footer-head ul {padding: 0;}
.footer-head ul li a { color: #515151;font-size: 14px; text-decoration: none; display: inline-block;    line-height: 32px;}
.copyright { text-align: center; font-size: 14px; padding: 30px 0; border-top: 2px solid #E7E7E7; margin-top: 60px;}
.copyright p {color: #181818;margin-bottom: 0;}
.time-space-box { padding-bottom: 8.75em;}
.footer-head i { color: #6ab7fe; padding-right: 8px;}
.desktop-logo {  transition: all 0.5s;}


/*********************about-us************************/
.banner-about { position: relative; background-image: url(../images/about-image.jpg); min-height: 368px; background-repeat: no-repeat; background-position: 50% -300px; background-size: cover;}
.banner-about:before { background-color: rgba(255,255,255,.75); content: ""; width: 100%; height: 100%;  position: absolute;}
.about-banner-text h1 { position: absolute; bottom: 68px; font-size: 2.4rem; font-weight: 800; letter-spacing: -.8px;}
#bg-about { background-image: url(../images/bgn-team.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 5em;padding-bottom:2em;}
.abut-text h3 { font-size: 2.10225em; padding: 0 0 .4em 0; margin-bottom: 0; font-weight: 700;letter-spacing: -1.0px;}
div#get-touch-second { padding-top: 4em; padding-bottom: 2em;}
.about-bg-get { background-image: url(../images/get-bg.png); background-repeat: no-repeat; background-position: center center;  background-size: contain;}
.about-footer { padding-top: 13.75em;}
.get-about-icon { display: flex; text-align: center; justify-content: space-between;}
.gray-line { border-bottom: 2px solid #E7E7E7; margin: 40px 0;}
.about-get-icon-section {margin: 0 30px;}
/*********************about-us end************************/

/*********************feature************************/
.feature-text h4 { font-size: 1.76775em; font-weight: 700;letter-spacing: -0.8px;}
.feature-text ul { padding-left: 24px;}
#bg-feature {  background-image: url(images/bgn-team.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 5em; padding-bottom: 9.5em;}
/*********************feature end************************/

/*********************pricing************************/
.banner-about { position: relative; background-image: url(../images/about-image.jpg); min-height: 368px;  background-repeat: no-repeat; background-position: 50% -300px; background-size: cover;}
.banner-pricing {  background-image: url(../images/pricing-bg.jpg); position: relative; min-height: 368px; background-repeat: no-repeat; background-position: 50% -300px; background-size: cover;}
.banner-pricing:before { background-color: rgba(255,255,255,.75); content: ""; width: 100%; height: 100%;position: absolute;}
.pricing-banner-text h1 { position: absolute; bottom: 68px; font-size: 2.4rem; font-weight: 800;letter-spacing: -1.1px;}
.price-bg {  background: #f1f1f2; padding: 0 10px;}
.price-title-wrap {
    display: flex;
    padding: 2.875em 0 1.25em 0;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #DBDBDC;
    margin-bottom: 30px;
    height: 140px;
}
.amount {
    font-size: 60px;
    letter-spacing: -.03em;
    font-weight: 800;
    font-family: "Raleway",Arial,Helvetica,sans-serif;
    color: #323743;
    line-height: 34px;
}
span.currency { font-size: 30px;}
.price-list-subtitle { font-size: 14px;letter-spacing: -0.5px;}
.price-list { text-align: left;}
.price-list-title {font-family: "Raleway",Arial,Helvetica,sans-serif; font-size: 25px;font-weight: 800;}
.title-subtitle {
    text-align: left;
    line-height: 22px;
}
span.amount b {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #8B8E95;
    display: block;
    width: 100%;
    min-width: 150px;
    padding-left: 21px;
}
span.amount-call { font-size: 39px; font-weight: 800; font-family: "Raleway",Arial,Helvetica,sans-serif;    color: #323743;letter-spacing: -2.0px;}
div#bg-pricing {  padding-top: 3em; padding-bottom: 5em;}
.price-bg { background: #f1f1f2; padding: 0 10px; min-height: 640px;}
ul.price-list-design li  { list-style: none; padding: 5px 0px;}
ul.price-list-design { padding: 0;}
.pricing-btn { background-color: #323743; color: #ffffff; box-shadow: 0 -2px 0 0 rgba(24,24,24,.15) inset; padding: 12px 32px; border-radius: 50px; border: 1px solid #323743; font-size: 16px; font-family: "Sarabun",Arial,Helvetica,sans-serif; font-weight: 700; display: inline-block; transition: all 0.3s;}
.price-btn-main { text-align: center;margin-top: 26px;}
span.pricing-btn:hover {
    box-shadow: 0 -3px 0 0 rgba(24,24,24,.15) inset, 0 3px 10px rgba(0,0,0,0.3);
    transform: translateY(-3px);
    transition: all 0.3s;
}
span.headline-superheadline { font-size: 18px;}
ul.price-list-design li.price-list { position: relative;  right: -15px;}
ul.price-list-design li i { position: absolute; top: 11px; left: -18px; font-size: 13px;}
span.currency sup {font-size: 30px;font-weight: 800;}
/*********************pricing* end***********************/

/****************contact-page******************/
.banner-contact {
    background-image: url(../images/contact-page.jpg);
    position: relative;
    min-height: 716px;
    background-repeat: no-repeat;
    background-position: 50% -90px;
    background-size: cover;
}
.banner-contact:before {
    background-color: rgba(255,255,255,.75);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
}
.contact-banner-text h1 {
    position: absolute;
    top: 246px;
    font-size: 2.4rem;
    font-weight: 800;
	left:30px;
    letter-spacing: -1.2px;
}
.headline-subheadline {
    position: absolute;
    top: 312px;
    font-size: 18px;
    max-width: 768px;
    word-wrap: break-word;
}
.required:after {
    content: "*";
    display: inline-block;
    color: #6ab7fe;
    font-weight: 700;
    margin: 0 0 0 .5em;
}

.form-contact {
    background-image: url(../images/bgn-triangle-red-right.png);
    background-repeat: no-repeat;
    background-position: 100% 84%;
    background-size: 12%;
	padding-top: 8em;
	padding-bottom: 5em;
}
div#get-touch-contact {
    padding-top: 9em;
}
.office p {
    margin-bottom: 5px;
    letter-spacing: -1px;
}
/****************sign page*******************/
.banner-sign {
    background-image: url(../images/sign-banner.jpg);
    position: relative;
    min-height:368.8px;
    background-repeat: no-repeat;
    background-position: 50% -300px;
    background-size: cover;
}
.banner-sign:before {
    background-color: rgba(255,255,255,.75);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
}
.sign-banner-text h1 {
    position: absolute;
    bottom: 68px;
    font-size: 2.4rem;
    font-weight: 800;
    letter-spacing: -.8px;
}
.sign-form-box {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 620px;
    margin: auto;
}
.sign-in-form-design .name {margin: 10px 10px;  padding: 13px 20px;  border-radius: 50px; border: 1px solid #D1D1D1;  outline: none; cursor: pointer;
    text-align: center;
}
.sign-form { padding-top: 2em;}
.sign-btn { text-align: center; margin-top: 20px;}
.form-both .name {
    /* background-image: url(images/d-arrow.png); */
    /* background-size: 10px; */
    /* background-position: 94% center; */
    /* background-repeat: no-repeat; */
    /* color: #4e4949; */
}
.form-both:before{
	background-image: url(../images/d-arrow.png);
    content: '';
    width: 16px;
    position: absolute;
    height: calc(100% - 20px);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 35px;
	pointer-events:none;
	transition:all 0.5s;
    transform: translateY(-50%);
}
.form-both-active:before{transform: translateY(-50%) rotate(180deg);transition:all 0.5s;}

.custom-dropdown { display: none;}
.custom-drop { display: block;}
ul#sizelist {
    padding: 10px 0;
    width: 100%;
    max-width: 293px;
	font-size: .875em;
    position: absolute;
    top: 54px;
    list-style: none;
    background-color: #fff;
    color: #181818;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.12);
	    z-index: 1;
		left: 10px;
}
.form-both { position: relative;}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #fff inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #999;
	}
ul#sizelist li {
    list-style: none;
    font-size: 14px;
	cursor:pointer;
    padding: 2px 21px;
    position: relative;
}
ul#sizelist li:hover {  color: #6ab7fe;}
ul#sizelist li:hover::before {
    position: absolute;
    display: block;
    left: 0;
    height: 2px;
    top: 12px;
    content: "";
    background: #6ab7fe;
    transition: all 300ms ease;
    transform: scaleX(1);
    width: 12px;

}
.border-line-sign { border-bottom: 4px solid #6ab7fe;padding: 15px 0; width: 100%; max-width: 600px; margin: auto;}
.sign-footer { padding-top: 12em;}

/****************Privacy page*******************/

.banner-privacy {
    background-image: url(../images/about-image.jpg);
    position: relative;
    min-height:500px;
    background-repeat: no-repeat;
    background-position: 50% -300px;
    background-size: cover;
}
.banner-privacy:before {
    background-color: rgba(255,255,255,.75);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
}
.privacy-banner-text h1 {
    position: absolute;
    bottom: 198px;
    font-size: 2.4rem;
    font-weight: 800;
    letter-spacing: -1.2px;
}

.privcy-text h4 {
    font-size: 1.76775em;
    font-weight: 800;
    letter-spacing: -1px;
}
/****************term-condition*******************/
.banner-term {
    background-image: url(../images/about-image.jpg);
    position: relative;
    min-height:420px;
    background-repeat: no-repeat;
    background-position: 50% -300px;
    background-size: cover;
}
.banner-term:before {
    background-color: rgba(255,255,255,.75);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
}
.term-banner-text h1 {
    position: absolute;
    bottom: 120px;
    font-size: 2.4rem;
    font-weight: 800;
    letter-spacing: -1.2px;
}







/****************Responsive home page*******************/
@media only screen and (min-width: 1201px){
.custom-toggle-btn { display: none;}
.mobile-logo { display: none;}
}


@media only screen and (max-width: 1200px){
	.contact-banner-text h1{left:15px;}
	.custom-toggle-btn {
    width: 30px;
    height: 35px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.custom-toggle-btn span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
	border-radius: 9px;
	opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    max-width: 40px;
}
header#header.stickyHeader .custom-toggle-btn span { background: #6ab8ff;}																		  
.custom-toggle-btn span:nth-child(1) {top: 8px;}
.custom-toggle-btn span:nth-child(2) { top: 18px;}
.custom-toggle-btn span:nth-child(3) {top: 28px;}

.stickyHeader .custom-toggle-btn span:nth-child(1) {top: 8px;}
.stickyHeader .custom-toggle-btn span:nth-child(3) {top: 28px;}
.stickyHeader .custom-toggle-btn {width: 32px;}

.custom-toggle-btn-open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.custom-toggle-btn-open span:nth-child(2) { opacity: 0;left: -60px;}
.custom-toggle-btn-open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
ul.navbar-nav.mobile-nav { overflow-y: scroll; height: 100vh;}

.main-menu { display: block; max-width: 280px; position: fixed;top: 0px; left: 0;height:100%; transform: translateX(-100%); transition: transform 0.5s ease-in; box-shadow: 0 -3px 0 0 rgba(24,24,24,.15) inset, 0 3px 10px rgba(0,0,0,0.3); width: 100%; padding: 90px 20px;}
.body-active{transform: translateX(280px);transition: transform 0.5s ease-in; overflow-X: hidden;position: fixed;}  .main-menu ul.mobile-nav li { padding: 0 0;}
.main-menu ul.mobile-nav {  flex-direction: column; width: 100%;}
.custom-toggle-btn { position: absolute;  color: #6ab8ff; font-size: 50px; left: -6px;}
.top-logo { position: relative; left: 60px;}
.mobile-logo img { position: absolute; right: 0; top: 4px;  left: 0; margin: auto;}
ul.navbar-nav.mobile-nav li { border-top: 1px solid #dde2e6;}
.main-menu ul.mobile-nav li.nav-item.active a::before { display:none;}
ul.navbar-nav.mobile-nav li a { text-align: center; width: 100%; display: inline-block;padding: 12px 0px;}
ul.mobile-nav li { display: block !important;}
/* ul.mobile-nav li:last-child { text-align: center; max-width: 160px; margin: 20px auto; padding: 0 20px;} */
.top-banner-btn { padding: 0 0 !important;}
.top-banner-btn { margin-top: 60px;}
li.nav-item.active {  background: #6cb9ff;}
body.body-active .desktop-logo { opacity: 0; transition: all 0.5s;}
}	

@media only screen and (max-width: 1024px) {
ul.navbar-nav.mobile-nav li a { color: #070707;}
.icon h5,.icon-color h5 {font-size: 16px;}
.icon img,.icon-color img {  width: 100%; max-width: 60px;}
.icon,.icon-color { margin: 20px 0;}
.footer-main { padding: 0 0px;}
.icon-section {margin-right: 0px;}
.tel-phone { top: 22px;}
}



@media only screen and (max-width: 991px) {
.full-box { margin-bottom: 20px;}
.main-heading { max-width: 100%; padding: 0 0 20px 0;}
.btn-space-top { margin-bottom: 50px;}
.time-image { text-align: center;}
.time-space-box {padding-bottom: 80px;}
.icon-section { margin-right: 0;}
.get-form { padding: 0 0 0 0px;}
.time-space { padding-bottom: 40px;}
.two-icon {  display: block; text-align: left;}
.banner { min-height: 720px;background-position: center;}
.footer-main {   padding: 0 0px;}
.about-footer { padding-top: 2em;}
#bg-about { padding-top: 2em;}
/* .footer-head { padding: 0px 20px;} */
.get-about-icon {  display: block;}
.main-icon { margin-bottom: 20px;}
.footer-head ul li a {font-size: 12px;line-height: 22px;}
.copyright p { font-size: 12px;}
.about-get-icon-section { margin-right: 0;}
.copyright { margin-top: 0px;}
.footer-head { margin-bottom: 50px;}
.col-lg-6.space-left { padding-right: 15px;}
#bg-feature { padding-top: 3em;padding-bottom: 2em;}
.price-title-wrap {justify-content: start; height: 150px;}
.price-list {  padding-right: 10px;}
.price-bg { min-height: 580px;}
.headline_subheadline { padding-right: 0;}
.footer-head p {line-height: 30px;}
.footer-head { margin-bottom: 20px;}
.banner-pricing,.banner-sign,.banner-about{background-position: 0% 0;}
.price-btn-main {margin-bottom: 40px;}
div#bg-pricing { padding-bottom: 0;}
.pricing-btn {font-size: 14px;}
div#get-touch-second {padding-top: 2em;}
.form-contact { padding-top: 2em;}
.headline-subheadline {font-size: 1.125rem;  right: 0; left: 0;  padding: 0 20px; top: 250px;}

.contact-banner-text h1 { top: 196px;}
.sign-in-form-design .name {  width: 100%;  margin: 10px 0;left: 20px;}
.sign-form-box {  display: block; width: 100%;  max-width: 100%;}
a.trigger input#sizevalue { background-position: 660px 22px;}
.border-line-sign { max-width: 100%;}
.sign-footer { padding-top: 7em;}
/* .form-both input.name {  background-position: 660px 23px;} */
.privcy-text p { font-size: 14px;}
.privcy-text h4 {  font-size: 25px;}
.banner-privacy,.banner-term  {
    background-position: 50% -20px;
    min-height: 460px;
}
.privacy-banner-text h1 {
    left: 20px;
    bottom: 210px;
}
.about-get-icon-section {
    margin: 0 0;
}
.term-banner-text .headline-subheadline {
    top: 320px;
    padding: 0 30px;
}
.term-banner-text h1 {
    left: 30px;
}
.one-icon {
    margin-top: 60px;
}
ul#sizelist { max-width: 100%;left:0;}
.get-form {
    padding: 0 0 0 0;
}
.main-heading {
    padding: 0 0;
}
}

@media only screen and (max-width: 767px) {
.col-lg-6,.col-lg-4,.col-lg-3 { padding-right: 30px; padding-left: 30px;}
span.banner-content { font-size: 48px;}
.headline_subheadline { padding-right: 0;    font-size: 14.4px;}
.menuPort { padding: 5px 10px;}
.top-logo img { min-width: 225px;}
.one-icon { margin-top: 50px;}
.sub-title { font-size: 13px;}
.get-icon i { font-size: 32px;}
.abut-text h3 { font-size: 28px;}
.feature-text h4 { font-size: 23px;}
.feature-text ul { padding-left: 20px;}
.feature-text ul li { font-size: 13px;}
.get-form .name { padding: 12px 20px; font-size: 13px;}
.get-form .text-name{font-size: 13px;}
.banner-btn { font-size: 14px;}
.banner-about {min-height: 298px;}
.abut-text p { font-size: 13px;}
.abut-text { padding: 0 20px;}
.abut-text ul { padding-left: 14px; font-size: 13px;}
.price-title-wrap { padding: 0.875em 0 1.25em 0;}
span.currency sup { font-size: 25px;}
.amount { font-size: 48px;}
.price-list-subtitle { font-size: 12px;}
.price-list-title {font-size: 21px;}
ul.price-list-design li { font-size: 13px;}
.sign-form { padding: 20px 10px;}
.sign-footer {  padding-top: 4em;}
.headline-subheadline {font-size: .9rem;}
.privcy-text h4 {
    font-size: 24px;
}
#bg-feature {
    padding: 0 10px;
}
.term-banner-text h1 {
    left: 20px;
    bottom: 150px;
	padding: 0 10px;
}
ul.list-privacy {
    padding-left: 20px;
    font-size: 14px;
}
.gray-line {
    margin: 40px 0 0 0;
}
.custom-toggle-btn {
    left: 0px;
    width: 30px;
}
}


@media only screen and (max-width: 480px) {
	
	
}
/****************Responsive home page*******************/
button.tel-number i { padding: 0px 7px 0 0;  font-size: 12px;}


span.banner-content {
    font-size: 3.5rem;
    line-height: 56px;
    letter-spacing: -1.7px;
}

.tel-phone { color: #ffff; position: absolute;right: 0;padding: 4px 14px 6px 14px; background-image: url(images/phone-bg.png);background-position: center; background-repeat: no-repeat;text-align: center; line-height: 20px; font-weight: 400; z-index: 1;font-size: 15px;}
a.tel-phone span { font-size: 15px;font-weight: 600;}
a.tel-phone:hover {text-decoration: none;color: #1d223e;}
@media only screen and (max-width: 767px) {
.tel-phone { display: none;}
.custom-toggle-btn {left: -17px;}
.custom-toggle-btn { width: 28px;}
																
							   
								  
							  
.banner-content b { font-size: 45px;}
.banner-content u { font-size: 28px; line-height: 36px;margin: 10px 0;}
								 
									
									   
									   
													   
.banner-text {  margin-top: 0px;}
							   
.banner { min-height: 680px;}
.time-space-box { padding-bottom: 3.75em;}
.two-main-icon {  display: block;}
.time-space { padding-bottom: 2.75em;}
.copyright { margin-top: 0px;}
.both { padding-left: 0;}
 
														 
						   
.main-menu ul li a { position: relative;}
.main-menu ul li:last-child a {background-color: #6ab7fe; box-shadow: 0 -1px 0 0 rgba(24,24,24,.15) inset;border-radius: 50px; border: 1px solid #6ab7fe; font-size: 14px; font-family: "Sarabun",Arial,Helvetica,sans-serif; font-weight: 700; padding: 11.5px 19px; text-decoration: none; display: inline-block; transition: all 0.3s;}
.main-menu ul li:last-child a{color:#fff}
.main-menu ul li:last-child a:hover{color:#fff}
.main-menu ul li:last-child a i { padding: 0 6px 0 0px; font-size: 11px;}
.main-menu ul li:last-child a {color: #fff;  text-decoration: none;}
.main-menu ul li:last-child a:hover { box-shadow: 0 -3px 0 0 rgba(24,24,24,.15) inset, 0 3px 10px rgba(0,0,0,0.3);transform: translateY(-3px); transition: all 0.3s;}
/* .main-menu ul li:hover a { color: #6ab7fe;text-decoration: none;} */
/* .main-menu ul li:last-child hover a { color: #fff;text-decoration: none;} */
.main-menu ul li a:hover {
    color: #74889a;
}