/*====================================== reset.css is here ========================================*/
*{margin:0; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
*:after,*:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;height: auto;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
header,nav,section,article,aside,footer,hgroup,figure {display: block; }
/**************************************************************************************/
a {color:#000000;text-decoration:none;outline:0 none !important;display: inline-block;vertical-align: top;}
a:hover, a:focus {text-decoration:none;outline:0 none !important;}
h1{font-size: 63.81px;line-height: 75px;color: #242a3b;font-weight: 500;margin: 0; font-family: 'Montserrat', sans-serif;}
h2{font-size: 44px;line-height: 52px;color: #ffffff;font-weight: 600;font-family: 'Montserrat', sans-serif;margin: 0;letter-spacing: -0.8px;}
h3{font-size: 38px;line-height: 44px;color:#242a3b;font-weight: 600;font-family: 'Montserrat', sans-serif; margin: 0;}
h4{font-size: 32px;line-height: 38px;color: #22272f;font-weight: 600;margin: 0;font-family: 'Montserrat', sans-serif;}
h5{font-size: 20px;line-height: 24px;color: #1d1d1b;font-weight: 700;font-family: 'Montserrat', sans-serif;}
h6{font-size: 22.5px;line-height: 30px;color: #242a3b;font-weight: 600;font-family: 'Montserrat', sans-serif;}
p{font-size: 22px;line-height: 32px;color: #ffffff;font-family: 'Montserrat', sans-serif;margin: 0;font-weight:400;}
/*---------------------------------------------------*/
html{height:100%;}
body{font-family: 'Montserrat', sans-serif; font-size:16px;font-weight: 400;}
.flt_lt {float:left; display:inline;}
.flt_rt {float:right; display:inline;}
.btn1{font-size: 24px;line-height: 73px;font-weight: 700;color: #ffffff;background: #003e80;border-radius: 41px;width: 262px;display: block;height: 73px; text-align: center;}
.btn1:hover{color: #ffffff;}
/*---- reset.css ends here ----*/

/* fonts here */


.logo{ display: block; font-size: 35px; font-weight: bold; color: #fff;}
.logo span{ color: #003e80;}


/* -------Layout Start Here-------*/
.wrapper{display: block;width: 100%;margin: 0 auto;position: relative; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; left: 0;}
.container{display: block;width: 1200px;margin: 0 auto;}

/* ------- Header starts ------- */
header{position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 9;}
.header_in{padding: 43px 64px 37px 64px;}
.logo{display: inline-block; float: left;width: 67.5%; padding: 0 7px;}
.logo a{}
.logo a img{}
nav{display: inline-block; float: left; width: 32.5%; padding: 3px 0 0 0}
nav ul{margin: 0 -11px;}
nav ul li{display: inline-block; position: relative;}
nav ul li:first-child{padding: 0 11px;}
nav ul li:first-child:after{content: ""; width: 2px; height: 16px; background: #ffffff; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
nav ul li:nth-child(2){padding: 0 0 0 11px;}
nav ul li a{font-size: 19px; line-height: 26px; font-weight: 600; color: #ffffff;}
nav ul li a:hover{color: #003e80;}
.menu_icon{width: 40px;height: 25px;position: absolute;right: 22px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); display: none;}
.menu_icon span{width: 100%; height: 4px; background: #ffffff; position: absolute; left: 0; top: 0;display: block; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s;}
.menu_icon span:first-child{top: 0;}
.menu_icon span:nth-child(2){top: 10px;}
.menu_icon span:last-child{top: 20px;}
.side_bar{position: fixed; width: 260px; background: #ffffff; height: 100%; z-index: 999;display: none; right: -260px;}
/*-------Banner starts-------*/
.banner{position: relative;}
.banner figure{line-height: 0}
.banner figure img{width: 100%;height: auto;}
.banner_main{position: absolute; width: 100%; left: 0; right: 0; top: 56.4%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banner_in{text-align: center;padding: 0 35px;width: 80%;margin:  auto;}
.banner_in h2{padding: 0 0 15px 0;}
.banner_in p{letter-spacing: 0.1px;padding: 0 0 53px 0;}
.banner_in a{margin: 0 auto;}
.banner_in a:hover{color: #ffffff;}
/* -------grow_revenue starts----------*/
.grow_revenue{}
.grow_revenue_in{padding: 88px 0 43px 0; border-bottom: 3px solid #e8eaed;}
.grow_revenue_in h3{text-align: center;padding: 0 0 93px 0;}
.grow_revenue_in ul{margin: 0 -23px;}
.grow_revenue_in ul li{display: inline-block;width: 49%;padding: 0 23px 68px 23px;}
.grow_revenue_cnt{font-size: 0;}
.grow_revenue_icon{width: 21%;display: inline-block;vertical-align: top;padding: 0 15px;}
.grow_revenue_icon span{background: #003e80;display: block;width: 88px;height: 88px;border-radius: 100%;text-align: center;padding: 25px 0 0 4px;}
.grow_revenue_icon span img{}
.grow_revenue_text{width: 79%;display: inline-block;vertical-align: top;padding: 4px 0 0 7px;}
.grow_revenue_text h6{letter-spacing: -0.4px;color: #003e80;padding: 0 0 16px 0;}
.grow_revenue_text p{font-size: 16px;line-height: 30px;font-weight: normal;color: #626369;letter-spacing: -0.3px;width: 98%;}
/*-----------------------website_bullider starts--------------------*/
.website_bullider{}
.website_bullider_in{padding: 88px 0 84px 0;}
.website_bullider_left{width: 50%;display: inline-block;float: right;padding: 0 11px;}
.website_bullider_left figure{line-height: 0}
.website_bullider_left figure img{}
.website_bullider_right{width: 50%;display: inline-block;float: left;padding: 35px 15px;}
.website_bullider_right h4{letter-spacing: -0.2px; padding: 0 0 28px 0;}
.website_bullider_right p{color: #626369; line-height: 35px; padding: 0 52px 42px 0;}
.website_bullider_right a{margin: 0 0 0 -6px; text-align: center;}
.website_bullider_right a:hover{color: #ffffff;}
/*-----------------------email_notification--------------------*/
.email_notification{background: #e8eaed;}
.email_notification .website_bullider_in{padding: 92px 0 0 0;}
.email_notification .website_bullider_left{float: left;text-align: center;padding: 0 25px 0 0;}
.email_notification .website_bullider_right{float: right;padding: 48px 60px 0 68px;}
.email_notification .website_bullider_right p{padding: 0 52px 32px 0;}
/*-----------------------reporting_analytics starts--------------------*/
.reporting_analytics{}
.reporting_analytics .website_bullider_in{padding: 88px 0 87px 0;}
.reporting_analytics .website_bullider_left{width: 55%;padding: 19px 8px;}
.reporting_analytics .website_bullider_right{padding: 28px 15px; width: 45%;}
.reporting_analytics .website_bullider_right p{padding: 0 0 34px 0;}
/*-----------------------footer--------------------*/
footer{position: relative;}
footer figure{line-height: 0;}
footer figure img{width: 100%;height: auto;}
.footer_top{position: absolute;width: 100%;left: 0;right: 0;margin: 0 auto;top: 45%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);padding: 1px 0 0;}
.footer_top_in{width: 75%; margin: 0 auto;}
.footer_top_in h4{text-align: center; color: #ffffff; padding: 0 0 47px 0;}

form.contact{width: 62%; margin: 0 auto; padding: 0 4px;}
form.contact ul{}
form.contact ul li{padding: 0 0 17px 0;}
form.contact ul li input{width: 100%;display: block;font-size: 23px;line-height: 25px;border: 0;background: #ffffff;border-radius: 30px;height: 66px;padding: 0 33px;letter-spacing: 0.7px; color: #626369;}
form.contact ul li textarea{font-family: 'Montserrat', sans-serif;width: 100%;display: block;font-size: 23px;line-height: 25px;border: 0;background: #ffffff;font-weight: 500; border-radius: 30px;color: #626369;padding: 24px 30px 6px 30px;resize: inherit;}

.footer_top_in ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #626369;
}
.footer_top_in ::-moz-placeholder { /* Firefox 19+ */
  color: #626369;
}
.footer_top_in :-ms-input-placeholder { /* IE 10+ */
  color: #626369;
}
.footer_top_in :-moz-placeholder { /* Firefox 18- */
  color: #626369;
}
.footer_top_in form ul li button{ width: 100%; border: 0; height: 70px; line-height: 70px;}
.footer_bottom{position: absolute;width: 100%;background: #ffffff;bottom: 0;}
.footer_bottom_in{padding: 47px 0;}
.footer_bottom_in ul{font-size: 0; text-align: center;}
.footer_bottom_in ul li{display: inline-block;vertical-align: middle;padding: 0 23px; position: relative;}
.footer_bottom_in ul li span{font-size: 17px;line-height: 20px;color: #727171;display: block;font-weight: 500;letter-spacing: -0.1px;}
.footer_bottom_in ul li a{font-size: 17px;line-height: 20px;color: #727171;font-weight: 500;letter-spacing: -0.5px;}
.footer_bottom_in ul li:after{content: "//";font-size: 14px;line-height: 24px;font-weight: normal;letter-spacing: 2.5px;color: #003e80;position: absolute;right: -11px;top: 60%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.footer_bottom_in ul li:last-child:after{display:none}
/*-----------------------inner page--------------------*/
.pricing_head .header_in{padding: 42px 64px 38px 64px; border-bottom: 2px solid #d0d0d2;}
.pricing_head .header_in nav ul li:first-child a{color: #003e80;}
.pricing_head .header_in nav ul li:first-child:after{background: #000000;}
.pricing_head .header_in nav ul li a{color: #000000;}
.salon_sidekick{padding: 113px 0 0 0;}
.salon_sidekick_in{padding: 47px 0 74px 0; border-bottom: 3px solid #e8eaed;}
.salon_sidekick_in h2{color: #22272f; text-align: center; padding: 0 0 54px 0;}
.salon_sidekick_in ul{width: 60%; margin: 0 auto; font-size: 0;}
.salon_sidekick_in ul li{width: 40%;display: inline-block; padding: 0 11px; vertical-align: middle;}
.salon_sidekick_in ul li:nth-child(2){width: 20%;}
.salon_sidekick_cnt{text-align: center;}
.salon_sidekick_cnt h3{color: #003e80;padding: 0 0 10px 0;}
.salon_sidekick_cnt p{color: #626369;font-size: 18.4px;line-height: 26px;padding: 0 0 20px 0;}
.salon_sidekick_cnt a{margin: 0 auto;}
.salon_sidekick_in ul li:last-child .salon_sidekick_cnt p{font-size: 25px;line-height: 30px;padding: 0 0 43px 0;}
.or_block{padding: 0 0 10px 0;}
.or_block span{font-size: 23px;line-height: 80px;font-weight: 800;color: #707c8e;display: block;width: 80px;height: 80px;border-radius: 100%;background: #eeeeef;margin: 0 auto;text-align: center;}
.feature_include{}
.feature_include_in{text-align: center;padding: 54px 0 91px 0;}
.feature_include_in h3{color: #22272f;font-size: 32px;line-height: 43px;padding: 0 0 70px 0;}
.feature_include_in ul{font-size: 0; text-align: center; padding: 0 38px;}
.feature_include_in ul li{display: inline-block;vertical-align: top;width: 25%;padding: 0 15px 34px 15px;}
.feature_include_in ul li a{display: block;}
.feature_include_cnt{min-height: 250px;}
.feature_include_cnt span{display: block;position: relative;min-height: 101px;}
.feature_include_cnt span:after{ position: absolute; left: 0; right: 0; margin: 0 auto;top: 40%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.feature_include_cnt span.feature1:after{content: " ";background: url(../images/features1.png) no-repeat;width: 78px;height: 52px;}
.feature_include_cnt span.feature2:after{content: " ";background: url(../images/features2.png) no-repeat;width: 62px;height: 61px;}
.feature_include_cnt span.feature3:after{content: " ";background: url(../images/features3.png) no-repeat;width: 60px;height: 59px;}
.feature_include_cnt span.feature4:after{content: " ";background: url(../images/features4.png) no-repeat;width: 64px;height: 61px;}
.feature_include_cnt span.feature5:after{content: " ";background: url(../images/features5.png) no-repeat;width: 62px;height: 61px;}
.feature_include_cnt span.feature6:after{content: " ";background: url(../images/features6.png) no-repeat;width: 61px;height: 61px;}
.feature_include_cnt span.feature7:after{content: " ";background: url(../images/features7.png) no-repeat;width: 72px;height: 48px;}
.feature_include_cnt span.feature8:after{content: " ";background: url(../images/features8.png) no-repeat;width: 71px;height: 63px;}
.feature_include_cnt span.feature9:after{content: " ";background: url(../images/features9.png) no-repeat;width: 60px;height: 63px;}
.feature_include_cnt span.feature10:after{content: " ";background: url(../images/features10.png) no-repeat;width: 61px;height: 61px;}
.feature_include_cnt span.feature11:after{content: " ";background: url(../images/features11.png) no-repeat;width: 67px;height: 60px;}
.feature_include_cnt h5{color: #003e80;font-size: 22px;line-height: 28px;padding: 0 0 19px 0;font-weight: 600;}
.feature_include_cnt p{font-size: 16px;line-height: 24px;color: #626369;letter-spacing: -0.3px;padding: 0 32px;}


/* -------for input---------------*/
input, textarea, button, select {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;
    -webkit-border-radius: 0; 
	outline:none;
}

#messageSent{
	border: 1px solid rgb(255, 255, 255);
	background-color: rgba(255, 255, 255,0.8);
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	padding: 10px 0;
	width: 270px;
	margin: 0 auto;
}
a[name=contactus]{
	width: 100%;
}
.btn-contact{
	cursor: pointer;
}

body .modal{
	display: none;
}
.modal{
	background-color: rgba(0,0,0,0.6);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
}
.modal form.contact{
	width: 100%;
}
.modal form.contact ul li input{
	border: 1px solid #ccc;	
}
.modal .close{
	font-weight: 500;
	font-size: 30pt;
	padding: 5px;
	padding-right: 15px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
.modal-inner{
	background: #fff;
	border-radius: 5px;
	min-width: 320px;
	padding: 20px;
	position: relative;
	max-width: 100%;
	margin: 10px;
}
.modal-inner p{
	color: #333;
	font-size: 18px;
	margin-bottom: 10px;
}
.modal-inner h2{
	font-size: 22px;
	color: #111;
}
.modal-inner button{
	margin: 0 auto;
}
#startedModal .modal-inner{
	width: 450px;
	color: #333;
}

@media (max-width: 1550px){
    .logo{width: 60%;}
    nav{width: 40%; text-align: right;}
    
}

@media (max-width: 1400px){
    .logo{width: 45%;}
    nav{width: 55%;}
    .banner figure img{height: 680px; object-fit: cover;}
    nav ul{margin: 0 0;}
    .grow_revenue_in{padding: 60px 0 30px 0;}
    .grow_revenue_in ul{margin: 0 0;}
    .grow_revenue_in ul li{padding: 0 10px 45px 10px;}
    .reporting_analytics .website_bullider_left figure img{width: 100%; height: auto;}
    footer figure img{height: 780px; object-fit: cover;}
    .footer_bottom_in{padding: 35px 0;}
/*    inner page starts*/
    .salon_sidekick_in ul{width: 70%;}
    .feature_include_in{padding: 40px 0 70px 0;}
    .feature_include_cnt h5{font-size: 20px; line-height: 26px;}
    .feature_include_cnt p{padding: 0 20px;}
}

@media (max-width: 1230px){
    h2{font-size: 40px; line-height: 48px;}
    h3{font-size: 34px; line-height: 40px;}
    h4{font-size: 28px; line-height: 34px;}
    h6{font-size: 20px; line-height: 26px;}
    p{font-size: 18px; line-height: 28px;}
    .btn1{font-size: 22px; line-height: 68px; height: 68px;}
    .container{width: 100%; padding: 0 30px;}
    .banner_in{width: 100%;}
    .header_in{padding: 35px 30px;}
    .grow_revenue_in h3{padding: 0 0 60px 0;}
    .grow_revenue_text h6{padding: 0 0 12px 0;}
    .grow_revenue_icon{padding: 0 12px 0 0;}
    .grow_revenue_icon span{width: 82px; height: 82px; padding: 22px 0 0 0;}
    .grow_revenue_text p{width: 100%;}
    .website_bullider_right h4{padding: 0 0 18px 0;}
    .website_bullider_left figure img{width: 100%; height: auto;}
    .website_bullider_right{padding: 0 20px;}
    .website_bullider_right p{padding: 0 10px 30px 0;}
    .website_bullider_right a{margin: 0 0;}
    .email_notification .website_bullider_left{padding: 0 40px 0 0;}
    .email_notification .website_bullider_right{padding: 30px 30px 0 30px;}
    .footer_top_in form{padding: 0 0; width: 72%;}
    .footer_top_in form ul li input{font-size: 21px; line-height: 23px; height: 60px;}
    .footer_top_in form ul li textarea{padding: 15px 30px 10px 30px}
/*    inner page starts*/
    .salon_sidekick_in ul{width: 80%;}
    .feature_include_in ul{padding: 0 0;}
    .feature_include_cnt p{padding: 0 0;}
    .pricing_head .header_in{padding: 35px 30px;}
}

@media (max-width: 1024px){
    
}

@media (max-width: 991px){
    .btn1{line-height: 58px;height: 58px;font-size: 20px;}
    h2{font-size: 36px; line-height: 42px;}
    h3{font-size: 30px; line-height: 36px;}
    h4{font-size: 24px; line-height: 30px;}
    .header_in{padding: 30px 22px;}
    .container{padding: 0 22px;}
    .logo{width: 37%;}
    nav{width: 63%;}
    nav ul li a{font-size: 17px;}
    .banner_in{padding: 0 0;}
    .banner figure img{height: 620px;}
    .grow_revenue_icon{width: 100%; padding: 0 0;}
    .grow_revenue_icon span{margin: 0 auto;}
    .grow_revenue_text{width: 100%; text-align: center; padding: 10px 10px;}
    .grow_revenue_in ul{font-size: 0;}
    .grow_revenue_in ul li{float: none; vertical-align: top; padding: 0 10px 25px 10px}
    .website_bullider_in{padding: 60px 0;}
    .website_bullider_right{padding: 0 15px 0 0;}
    .website_bullider_right p{padding: 0 0 25px 0; line-height: 30px;}
    .email_notification .website_bullider_in{padding: 50px 0 0 0;}
    .email_notification .website_bullider_right{padding: 0 0 0 15px;}
    .email_notification .website_bullider_right p{padding: 0 0 20px 0;}
    .reporting_analytics .website_bullider_in{padding: 40px 0;}
    .reporting_analytics .website_bullider_right{padding: 0 15px 0 0;}
    .footer_top_in{width: 100%;}
    .footer_top_in form{width: 80%;}
    .footer_bottom_in ul li span{font-size: 15px; line-height: 18px;}
    .footer_bottom_in ul li a{font-size: 15px; line-height: 18px;}
    /*    inner page starts*/
    .salon_sidekick_in ul{width: 100%;}
    .feature_include_in ul li{width: 33.3%;}
    .pricing_head .header_in{padding: 30px 22px;}
    .salon_sidekick_in{padding: 30px 0 50px 0;}
   
}

@media (max-width: 768px){
    h2{font-size: 28px; line-height: 38px;}
    h3{font-size: 25px; line-height: 32px;}
    h6{font-size: 18px; line-height: 24px;}
    p{font-size: 16px; line-height: 24px;}
    .btn1{line-height: 55px; height: 55px;}
    .container{padding: 0 15px;}
    .side_bar{display: block; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s;}
    .side_bar nav{display: block; width: 100%; text-align: left; padding: 20px 0;}
    .side_bar nav ul{}
    .side_bar nav ul li{display: block; padding: 5px 10px;}
    .side_bar nav ul li a{color: #003e80;}
    nav{display: none;}
    .menu_icon{display: block; cursor: pointer;}
    .banner_in p{padding: 0 0 30px 0;}
    .banner figure img{height: 540px;}
    .grow_revenue_in{padding: 30px 0 20px 0;}
    .grow_revenue_in h3{padding: 0 0 30px 0;}
    .grow_revenue_text{padding: 10px 15px;}
    .grow_revenue_in ul li{width: 100%; display: block; float: none; padding: 0 0 15px 0;}
    .website_bullider_in{padding: 20px 0;}
    .website_bullider_left{width: 100%; display: block; float: none; padding: 15px 0;}
    .website_bullider_right{width: 100%; display: block; float: none; padding: 15px 0; text-align: center;}
    .website_bullider_right a{margin: 0 auto;}
    .email_notification .website_bullider_in{padding: 30px 0 0 0;}
    .email_notification .website_bullider_right{padding: 15px 0;}
    .email_notification .website_bullider_left{padding: 15px 0;}
    .reporting_analytics .website_bullider_in{padding: 20px 0;}
    .reporting_analytics .website_bullider_left{width: 100%; padding: 15px 0;}
    .reporting_analytics .website_bullider_right{width: 100%; padding: 15px 0;}
    .footer_top_in form{width: 100%;}
    .footer_top_in form ul li input{font-size: 18px; line-height: 22px; height: 55px; padding: 0 20px;}
    .footer_top_in form ul li textarea{padding: 15px 20px;}
    .footer_top_in form ul li button{line-height: 55px; height: 55px; }
    .footer_bottom_in{padding: 20px 0;}
    .footer_bottom_in ul li{padding: 0 20px 8px 20px;}
    .footer_bottom_in ul li:after{top: 40%;}
    footer figure img{height: 700px;}
    .menu_open .side_bar{right: 0;}
    .menu_open .wrapper{position: fixed; left: -260px;}
    .menu_open .menu_icon span:first-child{top: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);}
    .menu_open .menu_icon span:nth-child(2){opacity: 0; visibility: hidden;}
    .menu_open .menu_icon span:last-child{top: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
/*    inner page starts*/
    .salon_sidekick_in h2{padding: 0 0 30px 0;}
    .salon_sidekick_in ul li{width: 100%; display: block; float: none; padding: 15px 0;}
    .salon_sidekick_in ul li:nth-child(2){width: 100%;}
    .salon_sidekick_cnt a{margin: 0 auto;}
    .salon_sidekick_cnt p{padding: 0 0 15px 0;}
    .salon_sidekick_in ul li:last-child .salon_sidekick_cnt p{padding: 0 0 20px 0;}
    .pricing_head .menu_icon span{background: #4d4d4d;}
    .feature_include_in h3{font-size: 25px; line-height: 30px; padding: 0 0 50px 0;}
    .feature_include_in ul li{width: 50%;}
    .feature_include_cnt{min-height: 200px;}
    .feature_include_in{padding: 30px 0 60px 0;}
    .feature_include_cnt h5{padding: 0 0 15px 0;}
}

@media (max-width: 575px){
    p{font-size: 15px; line-height: 24px;}
    .banner figure img{height: 650px;}
    .logo{width: 55%;}
    .logo a img{width: 100%; height: auto;}
    .grow_revenue_text p{font-size: 15px; line-height: 26px;}
    .btn1{width: 100%; font-size: 18px; line-height: 50px; height: 50px;}
    .website_bullider_right p{line-height: 26px;}
    .footer_bottom_in ul li:first-child:after{display: none;}
/*    inner page starts*/
    .feature_include_cnt h5{font-size: 18px; line-height: 24px; padding: 0 0 12px 0;}
    .feature_include_cnt p{font-size: 15px; line-height: 22px;}
    .feature_include_in{padding: 20px 0;}
    .feature_include_in h3{font-size: 22px; line-height: 28px; padding: 0 0 30px 0;}
    .feature_include_in ul li{padding: 0 10px 20px 10px;}
    .salon_sidekick_in{padding: 0 0 20px 0;}
    .salon_sidekick_in ul li:last-child .salon_sidekick_cnt p{display: none;}
}
@media (max-width: 479px){
    p{font-size: 14px; line-height: 22px;}
    .container{padding: 0 12px;}
    .header_in{padding: 20px 12px;}
    .logo{width: 72%;}
    .banner figure img{height: 600px;}
    .grow_revenue_in h3{padding: 0 0 20px 0;}
    .grow_revenue_text{padding: 10px 0;}
    .grow_revenue_text p{font-size: 14px; line-height: 22px;}
    .website_bullider_right p{line-height: 22px;}
    .footer_top_in form ul li input{font-size: 16px; line-height: 20px;height: 50px;}
    .footer_bottom_in{padding: 20px 0 10px 0;}
    .footer_bottom_in ul li{padding: 0 11px 10px 11px;}
    .footer_bottom_in ul li span{font-size: 12px; line-height: 16px;}
    .footer_bottom_in ul li a{font-size: 12px; line-height: 16px;}
    .menu_icon{right: 15px;}
/*    inner page starts*/    
    .feature_include_in h3{font-size: 20px; line-height: 26px; padding: 0 0 20px 0;}
    .feature_include_in ul li{}
    .feature_include_cnt{min-height: inherit;}
    .feature_include_cnt h5{padding: 0 0 8px 0;font-size: 14px;line-height: 16px;}
    .feature_include_cnt p{font-size: 13px; line-height: 18px;}
    .feature_include_cnt span{min-height: 80px;}
    .or_block span{font-size: 20px; line-height: 65px; height: 65px; width: 65px;}
}


@media(min-width:600px){
    
}