/*********************************************** intial declartaion of css **********************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/*********************************************** intial declartaion of css **********************************************/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
nav ul, nav ol { list-style: none; list-style-image: none; }

/*********************************************** Form CSS **********************************************/

input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family: 'Open Sans', sans-serif;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }

/*********************************************** remember to define focus styles! **********************************************/
:focus { outline: 0; }
/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/
 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}

/**************************************** End hide from IE Mac ***************************************************************/ 

*:before, *:after {box-sizing: border-box;}

/************************************************** End Clearfix *************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }


/************************************************** For modern browsers ******************************************/ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }
::selection { background: #227f7f; color: #fff; }
::-moz-selection {background: #227f7f;color: #fff;}

/****************************************************Placeholder opacity cross browsers*****************************************/


/*input::-webkit-input-placeholder { color: #000; opacity:1;line-height:30px;} /* WebKit browsers 
input:-moz-placeholder { color: #000; opacity:1;line-height:30px;} /* Mozilla Firefox 4 to 18 
input::-moz-placeholder { color: #000; opacity:1;line-height:30px;} /* Mozilla Firefox 19+ 
input:-ms-input-placeholder { color: #000; opacity:1;line-height:30px;} /* Internet Explorer 10+ 
textarea::-webkit-input-placeholder { color: #000; opacity:1;line-height:30px;} /* WebKit browsers 
textarea:-moz-placeholder { color: #000; opacity:1;line-height:30px;} /* Mozilla Firefox 4 to 18 
textarea::-moz-placeholder { color: #000; opacity:1;line-height:30px;} /* Mozilla Firefox 19+ 
textarea:-ms-input-placeholder { color: #000; opacity:1;line-height:30px;} /* Internet Explorer 10+ 
*/
/*************************************** display table and table cell ***************************************************/

.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex {display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-item:center;}

/*********************************************************body  ********************************************************/

body { font-size: 14px; line-height: 21px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent;  font-family: 'Open Sans', sans-serif; font-weight:normal;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom: 20px;}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;}
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}


/****************************************************** IE *********************************************************/

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/**-********************************************** remove auto fill yellow color ************************************/

 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {   -webkit-box-shadow: 0 0 0 100px #fff inset;    -moz-box-shadow: 0 0 0 100px #fff inset;    box-shadow: 0 0 0 100px #fff inset;	color:#333 ;}
 
/*******************************************hubspot******************************************************************/

.row-fluid [class*="span"] {min-height: 1px;}
ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:red;}
.hs_error_rollup {    display: none;}

/* form error mesege when good space b/w two inputs */
/* .hs-form-field {position: relative;}*/
/*ul.hs-error-msgs.inputs-list { position: relative; bottom: 5px; right: 0; list-style-type: none; padding: 0 5px; margin-right: 8px; color: white; background: red; }*/
/*ul.hs-error-msgs.inputs-list li label { font-size: 12px; font-weight: 500; position: relative; z-index: 9; line-height:normal; display:block;color:#fff; }*/
/*ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: red; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0;}*/
 

/**************************************** logo ***************************/

.h-logo img ,.f-logo img {cursor: pointer;}

/************************************************** container **************/
.container { max-width: 1140px !important; margin: 0 auto !important;float: none !important; width: 100% !important; }

/* font-size with responsive */


h1{font-size:72px;line-height:1;}
h2{font-size:60px;line-height:1;}
h3{font-size:48px;line-height:1;}
h4{font-size:42px;line-height:1;}
h5{font-size:36px;line-height:1;}
h6{font-size:30px;line-height:1;}
p{font-size:20px;}

@media(max-width:1200px){
    h1{font-size:60px !important;}
    h2{font-size:48px !important;}
    h3{font-size:42px !important;}
    h4{font-size:36px !important;}
    h5{font-size:30px !important;}
    h6{font-size:24px !important;}
    p{font-size:16px !important;}
    
    .container{padding:0 20px;}
    .testi-content {padding: 0 20px;}
}

@media(max-width:1024px){
    h1{font-size:50px !important;}
    h2{font-size:42px !important;}
    h3{font-size:36px !important;}
    h4{font-size:30px !important;}
    h5{font-size:24px !important;}
    h6{font-size:20px !important;} 
}

@media(max-width:767px){
    h1{font-size:48px !important;}
    h2{font-size:36px !important;}
    h3{font-size:30px !important;}
    h4{font-size:24px !important;}
    h5{font-size:20px !important;}
    h6{font-size:18px !important;} 
    p {font-size: 14px !important;}
}
@media(max-width:640px){
    
    h1{font-size:40px !important;}
    h2{font-size:30px !important;}
    h3{font-size:24px !important;}
    h4{font-size:22px !important;}
}

@media(max-width:480px){
    h1{font-size:32px !important; }
    h2{font-size:28px !important; }
    
}

/*================================================================= Conference Page Style Starts Here ==========================================================================*/

/* --------------  banner with form module  --------------- */
.banner-bg { position: relative; z-index: 1;  padding-top:45px;display: table;  width:100%;height:100%;}
.banner-bg .tbl-cell{vertical-align:bottom;width:100%;height:100%; position: relative; }
.banner-bg:before{    position:absolute;    content:'';    height:100%;    width:100%;    z-index:0;    top:0;    background: rgba(52,74,148,0.8);    background: -moz-linear-gradient(left, rgba(52,74,148,0.8) 0%, rgba(64,164,217,0.8) 33%, rgba(175,207,74,0.8) 66%, rgba(214,214,51,0.8) 100%); 
    background: -webkit-linear-gradient(left, rgba(52,74,148,0.8) 0%,rgba(64,164,217,0.8) 33%,rgba(175,207,74,0.8) 66%,rgba(214,214,51,0.8) 100%);     background: linear-gradient(to right, rgba(52,74,148,0.8) 0%,rgba(64,164,217,0.8) 33%,rgba(175,207,74,0.8) 66%,rgba(214,214,51,0.8) 100%); 
}
/*.form-flex{position:absolute;bottom:0;max-width:1140px;width:100%;}*/
.form-content { background: rgba(0,0,0,0.8);color: #fff; padding: 33px 45px 45px; max-width: 652px; width: 100%;float:right;display:flex;flex-wrap:wrap;}

.logo-content { position: relative; }
.logo-img { position: absolute; top: -73px; left: -92px; }

.banner-bg h1 { font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; margin-bottom: 12px;font-weight:700; }
.banner-bg p{line-height:1.5;font-family:'Open Sans',sans-serif;font-weight:300;font-size:22px;} 

.banner-form {width:100%;}
.banner-form .input input { width: 100% !important; margin-bottom: 17px; padding:9px 19px; font-family: 'Open Sans',sans-serif; font-size: 16px;font-weight:400;color:rgba(0,0,0,0.6); }
.banner-form fieldset.form-columns-2 { max-width: 100%; }
.banner-form .hs-form-required{display:none;}
.banner-form .hs-error-msgs { margin-bottom: 10px; }
.banner-form .submitted-message { color: #fff; font-size: 22px; text-transform: uppercase; font-family: 'Open Sans Condensed'; font-weight: 300; text-align: center; margin: 50px 0 0; display: block; }
.banner-form .actions input { width: 100%; background: #3fa3dc; color: #fff; text-transform: uppercase; font-family: 'Open Sans',sans-serif; font-weight: 800; font-size: 22px;padding: 22px 10px; white-space:normal;border:1px solid transparent;}
.banner-form .actions input:hover{color:#3fa3dc !important; background: transparent ;border:1px solid #3fa3dc;}

.banner-form .input input::-webkit-input-placeholder { color:rgba(0,0,0,0.6);} /* WebKit browsers */
.banner-form .input input:-moz-placeholder { color:rgba(0,0,0,0.6);} /* Mozilla Firefox 4 to 18 */
.banner-form .input input::-moz-placeholder { color:rgba(0,0,0,0.6);} /* Mozilla Firefox 19+ */
.banner-form .input input:-ms-input-placeholder { color:rgba(0,0,0,0.6);} /* Internet Explorer 10+ */

.form-columns-2 div:first-child .input {margin-left: 0px;margin-right: 8px;}
.form-columns-2 div:last-child .input {margin-left: 8px;margin-right: 0 !important;}


/* ---------------------------  Three Icon module --------------------------- */

.three-icon-module>span {display: flex;flex-wrap: wrap;justify-content: center;}
.colomn-3 {width: 28.3% !important;margin-right:6.44%;}
.colomn-3:last-child{margin-right:0;}
.three-icon h6 { font-family: 'Open Sans Condensed'; font-weight: 700; text-transform: uppercase;margin:30px 0;}
.three-icon-module { text-align: center;padding:65px 0; }
.three-icon p { font-size: 16px; color: #000; font-family: 'Open Sans',sans-serif; font-weight: 400; line-height:1.6;}




/******************************** Testimonial Module *********************************/

.left-content { width: 50% !important; float: left !important; min-height: 508px;padding-left:20px; } 
.testi-banner-bg{position:relative;} 
.testi-banner-bg:before{ background: #6894ff; /* Old browsers */ background: -moz-linear-gradient(left, #6894ff 0%, #68a0ff 4%, #68b4ff 8%, #68d4ff 13%, #68feff 20%, #68ffff 23%, #76ffff 30%, #90ffff 37%, #baffff 43%, #ffffff 52%, #fffffe 54%, #ffffd4 58%, #ffffa2 64%, #ffff90 67%, #ffff7e 71%, #ffff6c 81%, #ffff66 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #6894ff 0%,#68a0ff 4%,#68b4ff 8%,#68d4ff 13%,#68feff 20%,#68ffff 23%,#76ffff 30%,#90ffff 37%,#baffff 43%,#ffffff 52%,#fffffe 54%,#ffffd4 58%,#ffffa2 64%,#ffff90 67%,#ffff7e 71%,#ffff6c 81%,#ffff66 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #6894ff 0%,#68a0ff 4%,#68b4ff 8%,#68d4ff 13%,#68feff 20%,#68ffff 23%,#76ffff 30%,#90ffff 37%,#baffff 43%,#ffffff 52%,#fffffe 54%,#ffffd4 58%,#ffffa2 64%,#ffff90 67%,#ffff7e 71%,#ffff6c 81%,#ffff66 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                         content:''; display:inline-block; min-height:509px; width:100%; position:absolute; z-index:-1; height:100%;} 
.testi-img{min-height:509px;float:right;background-repeat:no-repeat !important;width:50%;right:0;z-index:-1;position:absolute;height:100% !important;background-size:cover !important;background-position:center !important;}
.testi-main-content { max-width: 523px; float: right; margin: 88px 0; margin-right: 4.5%;width:100%; }
.testi-main-content h4{font-family:'Open Sans Condensed';font-weight:700;    margin-bottom: 50px;} 
.client-detail {margin-top: 40px;}
.client-detail h6 { font-family: 'Open Sans Condensed'; text-transform: uppercase; letter-spacing: 6px; font-size: 20px;margin-bottom: 8px; }
.client-detail p {font-size: 14px;margin: 0;font-family:'Open Sans',sans-serif;font-weight:400;}
.client-detail p strong{font-weight:700;}
.img-text img {border-radius: 131px;width: 100%;margin-right: 23px;max-width: 130px;box-shadow: 8px 12px 42px 3px rgba(0,0,0,0.37);webkit-box-shadow: 8px 12px 42px 3px rgba(0,0,0,0.37);-moz-box-shadow: 8px 12px 42px 3px rgba(0,0,0,0.37);}
.testi-content{display:flex;flex-wrap:wrap;}
.img-text {width: 100%;display:flex;align-items:center;} .client-text {width: 73%; }
.client-text blockquote{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;color:#000;}
.client-text blockquote:before , .client-text blockquote:after{ content: ' " '; display:inline-block;font-family:'Open Sans',sans-serif;font-weight:400;color:#000;font-style:italic;}
.testi-img:before { background: rgba(52,74,148,0.5); background: -moz-linear-gradient(left, rgba(15,137,36,0.8) 0%,rgba(175,207,74,0.8) 40%,rgba(214,214,51,0.8) 100%); background: -webkit-linear-gradient(left, rgba(15,137,36,0.8) 0%,rgba(175,207,74,0.8) 40%,rgba(214,214,51,0.8) 100%); background: linear-gradient(to right, rgba(15,137,36,0.8) 0%,rgba(175,207,74,0.8) 40%,rgba(214,214,51,0.8) 100%); 
                    position: absolute; content: ''; display: inline-block; height: 100%; width: 100%; z-index: -1; }


/************************************ Three Card Module ******************************/

.price-card-flex{padding:80px 0 92px;}
.price-card-flex>span {display: flex !important;flex-wrap: wrap;align-items: center;text-align: center;}
.Card-3 { width: 33%; max-width: 360px; margin-right: 30px; }
.Card-3:last-child { margin-right: 0; }
.card-terms{display:none;}
.card-lower-content .discount-btn{display:none;}
.card-lower-content .discount-btn.terms-code , .card-terms.terms-code{display:block;}

.card-upper-content {padding: 30px;}
.card-title { border-bottom: 2px solid #fff; padding-bottom: 29px; }
.card-title h4 { font-family: 'Open Sans condensed',sans-serif; color: #fff; font-weight: 300; }
.card-upper-content h3 { padding: 24px 0 19px; color: #fff; font-family: 'Open Sans Condensed'; font-weight: 700; }

.card-lower-content { padding: 31px 19px 38px; }
.list {margin-bottom: 49px;}
.list ul li {font-size: 20px;font-family: 'Open Sans';font-weight: 300;font-style: italic;color: #414141;margin-bottom: 19px;}
.list ul li:before { content: '•'; color: #414141; font-family: 'Open Sans'; font-style: italic; font-size: 20px; margin-right: 8px; }
.card-terms { color: #3fa3dc; font-family: 'Open Sans'; font-size: 17px; font-weight: 400; }

.register-button.dark-blue .card-register-button{
    background: rgba(52,75,148,1);
    background: -moz-linear-gradient(left, rgba(52,75,148,1) 0%, rgba(52,75,148,1) 0%, rgba(62,161,219,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(52,75,148,1)), color-stop(0%, rgba(52,75,148,1)), color-stop(100%, rgba(62,161,219,1)));
    background: -webkit-linear-gradient(left, rgba(52,75,148,1) 0%, rgba(52,75,148,1) 0%, rgba(62,161,219,1) 100%);
    background: -o-linear-gradient(left, rgba(52,75,148,1) 0%, rgba(52,75,148,1) 0%, rgba(62,161,219,1) 100%);
    background: -ms-linear-gradient(left, rgba(52,75,148,1) 0%, rgba(52,75,148,1) 0%, rgba(62,161,219,1) 100%);
    background: linear-gradient(to right, rgba(52,75,148,1) 0%, rgba(52,75,148,1) 0%, rgba(62,161,219,1) 100%);
    border:1px solid #fff;
}
.register-button.light-blue .card-register-button{
    background: rgb(64,164,218); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(64,164,218,1) 0%, rgba(155,195,31,1) 100%, rgba(32,124,202,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(64,164,218,1) 0%,rgba(155,195,31,1) 100%,rgba(32,124,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(64,164,218,1) 0%,rgba(155,195,31,1) 100%,rgba(32,124,202,1) 100%);
    border:1px solid #fff;
}
.register-button.green .card-register-button{
    background: rgb(175,207,74); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(175,207,74,1) 0%, rgba(214,214,51,1) 100%, rgba(32,124,202,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(175,207,74,1) 0%,rgba(214,214,51,1) 100%,rgba(32,124,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(175,207,74,1) 0%,rgba(214,214,51,1) 100%,rgba(32,124,202,1) 100%);
    border:1px solid #fff;
}

/* btn hover states starts */

.register-button.dark-blue .card-register-button:hover{
    border:1px solid rgb(52,75,148);
    color: rgb(52,75,148) !important;
}
.register-button.light-blue .card-register-button:hover{
    border:1px solid rgb(64,164,218);
    color: rgb(64,164,218) !important;
}
.register-button.green .card-register-button:hover{
    border:1px solid rgb(175,207,74);
    color: rgb(175,207,74) !important;
}


.register-button .card-register-button:hover{
    background:transparent !important;transition: all 0.5s ease ;
}

/* btn hover states over */

.card-register-button { display: block; padding: 15px 12px;font-size: 30px; text-transform: uppercase; font-family: 'Open Sans Condensed'; font-weight: 700;line-height: 1.2;color:#fff !important; }
.discount-btn {display: block;color: #000;font-family: 'Open Sans Condensed';font-weight: 700;text-transform: uppercase;font-size: 22px;margin-top:21px;}
/*.discount-btn:hover{color: rgb(64,164,218); }*/


/****************************************** Map Module **********************************************/

.map-banner-bg { min-height: 505px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important;
                 display: flex; flex-wrap: wrap;}
.map-text-content { width: 37%; float: right;padding:111px 0; }
.map-text-content p {font-size: 22px;font-family: 'Open Sans',sans-serif;font-weight: 400;color: #000;line-height:1.7;margin-bottom:37px;}
.address h5 { font-family: 'Open Sans Condensed'; font-size: 36px; font-weight: 700; text-transform: uppercase; line-height: 1;margin-bottom: 11px; }
.address p { margin-bottom: 12px;line-height:1;}



/****************************************** Three People Module  *************************************/

/*.three-people-flex > span { display: flex; text-align: center; }*/
.three-people-flex { padding: 118px 0 96px;text-align:center; }
.three-people-flex>span { display: flex; flex-wrap: wrap; justify-content: center; }
.people-3 { width: 28.3%; margin-right: 7.55%; }
.people-3:last-child{margin-right:0}
.three-people img {border-radius: 130px;width: 100% !important;margin:0 auto !important;max-width:226px;}
.three-people h6 { font-family: 'Open Sans Condensed',sans-serif; font-weight: 700; color: #000; text-transform: uppercase;margin: 64px 0 26px; }
.three-people p { font-size: 16px; font-family: 'Open Sans'; color: #000; font-weight: 400; }




/****************************************  Footer ***********************************************/

.footer { background: #000; color: #fff; padding: 38px 0; }
.footer-logo { text-align: left;}
.footer-text { text-align: right; margin-left: 0 !important;width: 51% !important;float:right !important }
.footer-text span { display:block; padding: 12px 0 7px; font-size: 16px; font-weight: 400; color: #fff; }



/****************************************** Responsive media queries for conference page *********************************************/
@media(max-width:1300px){
    .Card-3{width: 31%;}
    /*.people-3{margin-right:22px;}*/
}
@media(max-width:990px){
    .colomn-3:nth-of-type(2n) {margin-right: 0;}
    .colomn-3 {width: 42.3% !important;}
    
    .three-people-flex {padding: 50px 0 20px;}
    .people-3 { width: 46%;}
    .people-3:nth-child(2n){margin-right:0;}
    
    .testi-main-content {margin: 40px 4.5% 40px 0;}
    .Card-3{margin-right:27px;}
    
    .footer-text span{font-size:14px}
}
@media(max-width:840px){
    .Card-3 {width: 100%;margin-bottom: 20px;margin-right: 0;max-width:100%;}
    .list {margin-bottom: 30px;}
    .card-upper-content h3{padding:24px 0 0;}
    .card-upper-content {padding: 20px;}
    .price-card-flex>span{padding:0 10%;}
    .three-people h6{margin:30px 0;}
    
    .price-card-flex {padding: 50px 0;}
    .three-icon-module{padding:50px 0;}
    
   
}

@media(max-width:767px){
    /* banner with form module */
    .form-content {float: none;margin: 0 auto !important;padding: 33px 30px;}
    .logo-img { position: absolute; top: -71px !important; left: 0; right: 0; text-align: center; }
    .logo-img a img {width: 60px;}
    .banner-form .input input{font-size:14px;}
    .banner-form .actions input{font-size:18px;}
    
    
    /* testimonail module */
    .testi-banner-bg:before{display:none;}
    .left-content{width:100% !important;display: flex;align-items: center;min-height:400px;padding-left:0px;}
    .testi-img{width: 100% !important;min-height:400px;}     
    .testi-main-content {max-width: 100%;float: left;margin-right:0}
    .testi-main-content h4{margin-bottom:30px;}
    
    /* map content */
    
    .map-text-content {width: 100%;float: left;background: rgba(0,0,0,0.8);padding: 40px;text-align: center;color:#fff;}
    .map-text-content p{color:#fff;}
    .map-banner-bg{min-height:auto;padding:30px 0;}
    
    /* three card module */
    .price-card-flex {padding: 40px 0;}
    .list ul li{font-size:18px;}
    .card-register-button span{font-size:24px;}
    
    /* footer */
    .footer-logo {text-align: center;}
    .footer-text { text-align: center; margin-left: 0 !important; max-width: 100%; width: 100% !important; float: left !important; margin-top: 10px; }
    .form-content{max-width:550px;}
}
@media(max-width:640px){
    .three-icon-module{padding:35px 0;}
    .three-icon h6{margin: 20px 0;}
    .three-people h6 {margin: 20px 0;}
    .colomn-3 {width:100% !important; margin-right:0;}
    .people-3 { width: 100%; margin-right: 0; }
    .list ul li{font-size:16px;}
        .form-content{max-width:420px;}
}
@media(max-width:480px){
    .form-content{text-align:center;}
    .banner-form .actions input {font-size: 16px;}
    .form-columns-2 div:first-child .input {margin-left: 0px;margin-right: 0px !important;}
    .form-columns-2 div:last-child .input{margin-left: 0px;margin-right: 0px !important;}
    .form-columns-2 > div {width: 100% !important;}
    ul.hs-error-msgs.inputs-list{z-index:11111111;}
   .logo-img {top: -60px !important;}
    .logo-img a img {width: 50px;}
    
    
    /* testimonial content */
    .testi-main-content h4{text-align:center;}
    .client-detail{text-align:center;}
    .img-text {display: inline-block !important;text-align: center !important;}
    .img-text img{margin-bottom:20px;}
    .client-text {width: 100%;}
    
    /*  Three card module */
    .price-card-flex>span {padding: 0;}
    .card-register-button span{font-size:20px;}
            .form-content{max-width:300px;}
}
@media(max-width:360px){
        .form-content{max-width:250px;}
}   
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { 
    .form-columns-2 div:first-child .input {margin-left: 0px;margin-right: 0px !important;}
    .form-columns-2 div:last-child .input{margin-left: 0px;margin-right: 0px !important;}
    .form-columns-2 > div {width: 100% !important;}
}