body{
	background:#fff;
}

@font-face {
    font-family: Montserrat;
    src:url(../../fonts/fonts/Montserrat-Regular.ttf),
	url(../../fonts/fonts/Montserrat-Bold.ttf);
 }
 

@font-face {
    font-family:HelveticaNeueLTPro;
    src:url(../../fonts/fonts/helvetica-neue1.ttf);
}

.main_wrapper{
	width:100%;
	padding:0;
}
 
 
.container{
	width:71.32%;
	padding:0;
}

.header_wrapper{
	width:100%;
	padding-top:13px;
}

.logo{
	padding-top:5px;
}


.nav{
	padding:0px 30px;
	width:55%;
	float:left;
	text-align:center;
	border:0px solid;
}

/*Initialize*/
ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0px 0px 0px 0px;
	font-family:Montserrat;
	font-size:12.91px;
	color:#a0b8c5;
 	text-transform:uppercase;
	letter-spacing:2px;
}

.glyphicon-chevron-down{
	font-size:10px;
}

ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
	padding: 5px 15px;
	
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #0588d0;
    display:inline-block;
	 
}
ul#menu li a{
	padding-bottom:27px;
}

ul.sub-menu li a {
	padding-bottom:5px !important;
}

ul#menu li a, ul#menu li ul.sub-menu li a:hover {
	color:#fff;
}

ul#menu li a:hover {
	color:#222c36;
}
ul#menu li a.active {
	color:#222c36;
	border-bottom:5px solid #222c36;
	padding-bottom:27px;
}

/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top:53px;
    left: 0;
    width: 120px;
 	background:#011b2a;
	border-radius:2px;
	color:#0588d0;
	z-index:999;
	padding:10px 0px;
}


ul#menu li:hover ul.sub-menu  {
    display: block;
	color:#fff;
}

.social_icon {
	padding:10px  0px;
	float:right;
}



.banner_wrapper{
	width:100%;
	padding:0;
	background:#0588d0;
	margin-top:0px;
}
.arrow_left{
	position:absolute;
	left:100px;
	top:250px;
}
.arrow_right{
	position:absolute;
	right:100px;
	top:250px;
}


.btn_wrap{
	float:right;
}

.order_btn{
    font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 15px;
	text-align:center;
	background:#222c36;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow:1px 1px 1px #000;
	margin-top:30px;
	border:2px solid #1596dd;
}

.order_btn:hover{
    font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 15px;
	text-align:center;
	background:#0588d0;
	border:2px solid #1596dd;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow:1px 1px 1px #000;
	margin-top:30px;
	cursor:pointer;
	transition: background-color 1s ease 0s;
}

.plan_btn{
    font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 30px;
	text-align:center;
	background:#0588d0;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow:1px 1px 1px #000;
	margin-top:30px;
	border:2px solid #1596dd;
	margin-left:25px;
}

.plan_btn:hover{
    font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 30px;
	text-align:center;
	background:#222c36;
	border:2px solid #1596dd;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow:1px 1px 1px #000;
	margin-top:30px;
	cursor:pointer;
	margin-left:25px;
	transition: background-color 1s ease 0s;
}

.slider h1{
	padding:160px 0px 10px 0px;
	font-family:Montserrat;
	font-size:21px;
	color:#fff;
}

.slider p{
	font-family:Montserrat;
	font-size:15px;
	color:#9ccdff;
	text-align:right;
	
 }

.sign ul{
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	float:right;
	margin-top:20px;
	position:relative;
	z-index:999;
}
.sign ul li{
	list-style:none;
	float:left;
}
.sign ul li a{
	color:#fff;
	text-decoration:none;
	padding:10px;
	
}

.sign ul li a:hover{
 	text-decoration: underline;
}

.middle_wrapper{
	width:100%;
	padding:0;
	margin-top:-70px;
}

.no-padding{
	padding:0;
	margin:0;
}

.feature_wrapper{
	width:100%;
	padding:60px 0px;
	background:#222c36;
}


.feature_heading{
	width:100%;
	text-align:center;
}
.feature_heading h1{
	font-family:Montserrat;
	font-size:24px;
	color:#fff;
	padding-top:40px;
}

.feature_heading p{
	font-family:HelveticaNeueLTPro;
	font-size:18px;
	color:#888f96;
}


.features_row{
	width:100%;
	margin-top:40px;
}

.features_block{
	padding:0px 20px;
}

.features_block h1{
	font-family:Montserrat;
	font-size:16px;
	color:#fff;
}

.features_block p{
	font-family:Montserrat;
	font-size:12px;
	color:#888e95;
}

.learn_more ul{
	font-family:Montserrat;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	padding:0;
}
.learn_more ul li{
	list-style:none;
	float:left;
}
.learn_more ul li a{
	color:#fff;
	text-decoration:none;
}

.learn_more ul li a:hover{
	text-decoration:none;
	color:#888e95;
	transition: color 1s ease 0s;
}


.glyphicon-chevron-right{
	font-size:10px;
	font-weight:normal;
}


.buttion_wrapper{
	width:100%;
	text-align:center;
	padding-top:50px;
}

.more_btn{
	font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:10px 40px;
	text-align:center;
	background:#0e1317;
	text-transform:uppercase;
	letter-spacing:2px;
}

.more_btn:hover{
	font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:10px 40px;
	text-align:center;
	background:#0588d0;
	text-transform:uppercase;
	letter-spacing:2px;
	cursor:pointer;
	transition: background-color 2s ease 0s;
}
	

.How_it_work_wrapper{
	width:100%;
	padding:40px 0px;
	text-align:center;
}

.How_it_work_wrapper h1{
	font-family:Montserrat;
	font-size:24px;
	color:#222c36;
}

.How_it_work_wrapper p{
	font-family:HelveticaNeueLTPro;
	font-size:18px;
	color:#888e95;
}

.How_it_block{
	background:#e1e3e5;
	display:block;
	padding:215px 50px;
}

.order_now_btn{
	font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#0068b0;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow:1px 1px 1px #000;
	margin-top:30px;
}

.order_now_btn:hover{
	font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#222c36;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow:1px 1px 1px #000;
	cursor:pointer;
	transition: background-color 2s ease 0s;
	margin-top:30px;
}

.footer_warpper{
	width:100%;
	padding:20px 0px;
	background:#222c36;
}

.recent_row{
	padding:0px 10px;
	text-align:center;
}

.recent_row h2{
	font-family:Montserrat;
	font-size:24px;
	color:#fff;
	letter-spacing:2px;
}

.recent_row h3{
	font-family:Montserrat;
	font-size:17px;
	color:#6a6d70;
	letter-spacing:2px;
}

.recent_row p{
	font-family:HelveticaNeueLTPro;
	font-size:13px;
	color:#6a6d70;
}

.recent_row span{
	font-family:Myriad Pro;
	font-size:13px;
	color:#8caec2;
	font-weight:bold;
}

.footer_bottom_wrapper{
	width:100%;
	padding:20px 0px;
	text-align:center;
	background:#eceeef;
}

.terms{
	font-family:Montserrat;
	font-size:13px;
	color:#000;
}

.terms a{
	text-decoration: none;
	color:#000;
}
.terms a:hover{
	text-decoration: underline;
}

.terms p{
	font-family:Myriad Pro;
	font-size:13px;
	color:#9a9fa2;
	padding:5px;
	letter-spacing:1px;
}

.margin{
	margin-top:-30px;
}

.order_row{
	width:100%;
	text-align:center;
}


p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
margin-top:4px;
padding:0px 5px;
}


p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}


#flip
{
	padding:5px;
	text-align: center;
	padding-left:0px;
	font-family:Montserrat;
	font-size:18px;
	color:#0e1317;
	font-weight:bold;
	/*background:url(../img/bar_iimg.png)  left   no-repeat;*/
	display:none;
}

#panel
{
padding:10px 0px;
display:none;
}

#flip2
{
	padding:5px;
	text-align: center;
	padding-left:0px;
	font-family:Montserrat;
	font-size:18px;
	color:#0e1317;
	font-weight:bold;
	/*background:url(../img/bar_iimg.png)  left   no-repeat;*/
	display:none;
}

#panel2
{
padding:10px 0px;
display:none;
}

#flip3
{
	padding:5px;
	text-align: center;
	padding-left:0px;
	font-family:Montserrat;
	font-size:18px;
	color:#0e1317;
	font-weight:bold;
	/*background:url(../img/bar_iimg.png)  left   no-repeat;*/
	display:none;
}

#panel3
{
padding:10px 0px;
display:none;
}




/*--features page--*/

.features_heading{
	width:100%;
	padding:25px 0;
	background:#222c36;
	display: inline-block;
	margin-top:-7px;
}

.features_heading h1{
	font-family:Montserrat;
	font-size:24px;
	color:#fff;
	letter-spacing:2px;
	margin:0;
	
}

.design_customization{
	width:100%;
	padding:40px 0;
}

.design_customization:nth-child(4){
	background:#eceeef;
}

.design_customization:nth-child(6){
	background:#eceeef;
}

.design_customization:nth-child(8){
	background:#eceeef;
}

.design_customization h2{
	font-family:Montserrat;
	font-size:24px;
	color:#222c36;
	font-weight:bold;
	letter-spacing:2px;
	margin:0;
}

.design_customization h3{
	font-family:Montserrat;
	font-size:16px;
	color:#222c36;
	font-weight:bold;
	letter-spacing:2px;
}

.design_customization p{
	font-family:Montserrat;
	font-size:14px;
	color:#888e95;
	margin:0;
	text-align:justify;
}
.padding{
	padding-left:40px;
	padding-bottom:20px;
}

.features_img_wrap{
	width:100%;
	padding:40px;
	text-align:center;
}

/*--features page end--*/


/*--Plans and Pricing page--*/

.plan_wrapp{
	width:100%;
	padding:15px 0;
	text-align:center;
	font-family:HelveticaNeueLTPro;
	font-size:18px;
	color:#888f96;
}

.pricing_wrapper{
	width:100%;
	padding:40px 0;
}

.plan_wrapper{
	font-family:Montserrat;
	font-size:18px;
	color:#0e1317;
	font-weight:bold;
	float: left;
	text-align:left;
	background:url(../img/bar_iimg.png)  left  no-repeat;
	padding-left:15px;
	magin-top:90px;
	position:absolute;
	left:200px;
	top:350px;
}

.plan_wrapper span{
	font-size:14px;
	color:#3c3d3d;
	font-weight:normal;
}

.plan_wrapper2{
	font-family:Montserrat;
	font-size:18px;
	color:#0e1317;
	font-weight:bold;
	float: left;
	text-align:left;
	background:url(../img/bar_iimg.png)  left  no-repeat;
	padding-left:15px;
	magin-top:90px;
	position:absolute;
	left:200px;
	top:430px;
}

.plan_wrapper2 span{
	font-size:14px;
	color:#3c3d3d;
	font-weight:normal;
}


.plan_wrapper3{
	font-family:Montserrat;
	font-size:18px;
	color:#0e1317;
	font-weight:bold;
	float: left;
	text-align:left;
	background:url(../img/bar_iimg.png)  left  no-repeat;
	padding-left:15px;
	magin-top:90px;
	position:absolute;
	left:200px;
	top:530px;
}

.plan_wrapper3 span{
	font-size:14px;
	color:#3c3d3d;
	font-weight:normal;
}


.pricing_block{
	float:right;
}


.pricing_box{
	width:281px;
	height:431px;
	background:url(../img/pricing_box_bg.png) no-repeat;
}

.basic_row{
	text-align:center;
	font-family:Montserrat;
	font-size:30px;
	color:#fff;
	padding-top:8px;
}

.basic_row p{
	text-align:center;
	font-family:Montserrat;
	font-size:14px;
	color:#9bdcff;
}

.discount_row{
	text-align:center;
	font-family:Montserrat;
	font-size:34px;
	color:#0e1317;
	padding:13px 0;
}

.discount_row span{
	font-size:13px;
	color:#888f96;
}
.discount{
	width:96px;
	height:13px;
	background: url(../img/discount_bg.png) no-repeat;
	text-align:center;
	font-family:Montserrat;
	font-size:10px;
	color:#fff;
	margin-left:40px;
}
.padding2{
	padding-top:25px;
}

.app_row{
	text-align:center;
	font-family:Montserrat;
	font-size:14px;
	color:#222c36;
	padding-top:20px;
}

.app_row2{
	text-align:center;
	font-family:Montserrat;
	font-size:14px;
	color:#0588d0;
	margin-top:-10px;
}


.buy_now{
	font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#404d58;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-top:20px;
}

.buy_now:hover{
	font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#047aba;
	text-transform:uppercase;
	letter-spacing:2px;
	cursor:pointer;
	transition: background-color 2s ease 0s;
	margin-top:20px;
}


.our_application_wrapper{
	width:100%;
	padding:5px 0;
	text-align:center;
}

.our_application_wrapper h4{
    font-family:Montserrat;
	font-size:18px;
	color:#0e1317;
	letter-spacing:1px;
}

.our_application_wrapper p{
    font-family:Montserrat;
	font-size:14px;
	color:#888a8d;
	letter-spacing:1px;
	line-height:30px;
}
.glyphicon-ok{
	color:#1bd61b;
	font-size:12px;
}

.need_more_wrapper{
	width:100%;
	padding:40px;
	text-align:center;
}

.need_more_wrapper h4{
	font-family:Montserrat;
	font-size:24px;
	color:#0e1317;
	letter-spacing:1px;
	margin-bottom:50px;  
}

.design_block{
	padding:0;
	text-align: center;
}

.design_img{
	border-radius:50%;
	background:#eceeef;
	padding:37px 40px;
	display: inline-block;
	margin-bottom:20px;
}


.design_block h5{
	font-family:Montserrat;
	font-size:24px;
	color:#222c36;
	font-weight:bold;
	letter-spacing:1px;
}

.design_block span{
	color:#0e1317;
	font-weight:bold;
}

.design_block p{
	font-family:HelveticaNeueLTPro;
	font-size:18px;
	color:#6a6d70;
	letter-spacing:1px;
}

.add_btn{
	font-family:Montserrat;
	font-size:13px;
	color:#222c36;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
	border:2px solid #d4d9db;
	margin-top:20px;
}

.add_btn:hover{
	font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#0068b0;
	text-transform:uppercase;
	letter-spacing:2px;
	cursor:pointer;
	transition: background-color 2s ease 0s;
	margin-top:20px;
}

.radio_btn input[type="radio"]{
	width:30px;
	height:30px;
	border:5px solid #333;
}

/*--Plans and Pricing page--*/


/*--Support page--*/
.font{
	font-size:18px !important;
}

.Support_wrapper{
	width:100%;
	padding:40px 0;
	background:#eceeef;
}


.support_row{
	font-family:Montserrat;
	font-size:18px;
	color:#222c36;
	font-weight:bold;
	letter-spacing:1px;
}


.support_row p{
	font-family:HelveticaNeueLTPro;
	font-size:14px;
	color:#888e95;
	margin-bottom:40px;
}


.read_more{
	font-family:Montserrat;
	font-size:13px;
	color:#000;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#eceeef;
	text-transform:uppercase;
	letter-spacing:2px;
	border:2px solid #d4d9db;
}

.read_more:hover{
	font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#0068b0;
	text-transform:uppercase;
	letter-spacing:2px;
	cursor:pointer;
	transition: background-color 2s ease 0s;
}

/*--Support page end--*/


/*--About page --*/

.about_wrapper{
	width:100%;
	padding:40px 0;
}

.about_row{
	border-left:5px solid #0588d0;
	font-family:Montserrat;
	font-size:18px;
	color:#0e1317;
	padding-left:10px;
	letter-spacing:1px;
}

.about_row2{
	font-family:HelveticaNeueLTPro;
	font-size:16px;
	color:#6a6d70;
	padding-left:10px;
}

.about_row2 span{
	color:#0e1317;	
}

.listen_wrapper{
	width:100%;
	padding:40px 0;
	background:#eceeef;
	text-align:center;
	margin:40px 0;
}

.height{
	height:80px;
}

/*--About page end--*/


/*--Contact page --*/

.contact_wrapper{
	width:100%;
	padding:10px 0;
}

.contact_wrapper h1{
	font-family:HelveticaNeueLTPro;
	font-size:18px;
	color:#6a6d70;
}

.contact_wrapper a{
	color:#0588d0;
	text-decoration:none;
}

.contact_wrapper a:hover{
	color:#0588d0;
	text-decoration: underline;
}


.subject{
	border-left:5px solid #0588d0;
	font-family:Montserrat;
	font-size:18px;
	color:#0e1317;
	padding-left:10px;
	letter-spacing:1px;
}

.list_menu{
	width:74%;
	padding:5px;
	background:#fff;
	border:2px solid #d4d9db;
	border-radius:4px;
	font-family:HelveticaNeueLTPro;
	font-size:16px;
	color:#6a6d70;
}


.input_row{
	width:72%;
	padding:5px;
	background:#eceeef;
	border:2px solid #d4d9db;
	border-radius:4px;
	font-family:HelveticaNeueLTPro;
	font-size:16px;
	color:#6a6d70;
}

.input_row2{
	width:74%;
	height:200px;
	padding:5px;
	background:#eceeef;
	border:2px solid #d4d9db;
	border-radius:4px;
	font-family:HelveticaNeueLTPro;
	font-size:16px;
	color:#6a6d70;
}

.height2{
	margin-top:30px;
}

.submit_btn{
	font-family:Montserrat;
	font-size:13px;
	color:#000;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#eceeef;
	text-transform:uppercase;
	letter-spacing:2px;
	border:2px solid #d4d9db;
	margin-top:20px;
}

.submit_btn:hover{
	font-family:Montserrat;
	font-size:13px;
	color:#fff;
	border-radius:3px;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	background:#0068b0;
	text-transform:uppercase;
	letter-spacing:2px;
	cursor:pointer;
	transition: background-color 2s ease 0s;
	margin-top:20px;
}

.submit_row{
	width:77%;
}

/*--Contact page end--*/

.logo_technology{
	float:left;
	padding:0px 8px;
}


@media (min-width:320px) and (max-width:480px){
.logo{
	padding-left:30px;
}

.nav {
    width:auto;
}

.social_icon {
	float: left !important;
	padding-left:35px;
	margin:10px 0;
}

.sign ul{
	float: left;
	padding-left:50px;
}

.features_block {
    margin: 61px 0;
}

.How_it_block {
    padding: 135px 50px;
}



.features_heading {
	margin-top:10px !important;
	text-align:center;
}

.padding{
	padding-left:0px;
	padding-bottom:20px;
}

.design_customization h2 {
    color: #222c36;
    font-family: Montserrat;
    font-size: 20px;
    text-align: center;
}

.design_customization h3 {
    font-size: 16px;
    letter-spacing: 1px;
	text-align:center;
}

.img{
	max-width:100%;
}

.need_more_wrapper h4 {
    font-size: 23px;
}

.design_block {
    margin: 55px 0;
}

.need_more_wrapper {
    padding: 0px 0;
}

.aap_img{
	margin:10px 0;
}

.read_more {
	float: left !important;
	margin-bottom:35px;
}

.support_row {
	font-size:17px;
	font-weight:normal;
}

.list_menu{
	width:100%;
}

.input_row {
	width:100%;
	margin:20px 0;	
}

.input_row2 {
	width:100%;	
}

.submit_row{
	width:72%;
}

.plan_wrapper, .plan_wrapper2, .plan_wrapper3 {
	display:none;
}

.pricing_block{
	display:none;
}

#flip ,#flip2, #flip3{
	display:block;
}

#panel {
	display:block;
	margin-left:-25px;
}

#panel2, #panel3{
	margin-left:-25px;
	display:block;
}

.logo_technology{
	margin:10px 0px;
	text-align:center;
}

.pricing_box {
	margin:20px 0px;
}

}

@media (min-width:480px) and (max-width:640px){

.logo{
	padding-left:85px;
}

.nav {
    width:auto;
}

.social_icon {
	float: left !important;
	padding-left:85px;
	margin:10px 0;
}

.sign ul{
	float: left;
	padding-left:90px;
}

.features_block {
    margin: 61px 0;
}

.How_it_block {
    padding: 135px 50px;
}

.features_heading {
	margin-top:10px !important;
	text-align:center;
}

.padding{
	padding-left:0px;
	padding-bottom:20px;
}

.design_customization h2 {
    color: #222c36;
    font-family: Montserrat;
    font-size: 17px;
    text-align: center;
}

.design_customization h3 {
    font-size: 16px;
    letter-spacing: 1px;
	text-align:center;
}

.img{
	max-width:100%;
}

.submit_row{
	width:90%;
}

.pricing_box{
	margin-bottom:50px;
}

.pricing_block {
    margin-left: 34px;
	float:none;
}

.plan_wrapper, .plan_wrapper2, .plan_wrapper3 {
	display:none;
}

.pricing_block{
	display:none;
}

#flip ,#flip2, #flip3{
	display:block;
}

#panel, #panel2, #panel3{
	margin-left:30px;
	display:block;
}
	
.pricing_box {
	margin:20px 0px;
}
	
}


@media only screen and (min-width:481px) and (max-width:568px) {
	
.logo{
	padding-left:110px;
}

.nav {
    width:auto;
}

.social_icon {
	float: left !important;
	padding-left:110px;
	margin:10px 0;
}

.sign ul{
	float: left;
	padding-left:120px;
}

.features_block {
    margin: 61px 0;
}

.How_it_block {
    padding: 135px 50px;
}

.design_block {
    margin: 55px 0;
}

.need_more_wrapper {
    padding: 0px 0;
}

.read_more {
	float: left !important;
	margin-bottom:40px !important;
}

.support_row {
	font-size:17px;
	font-weight:normal;
}

.list_menu{
	width:100%;
}

.input_row {
	width:100%;
	margin:20px 0;	
}

.input_row2 {
	width:100%;	
}

.submit_row{
	width:92%;
}

.plan_wrapper, .plan_wrapper2, .plan_wrapper3 {
	display:none;
}

.pricing_block{
	display:none;
}

#flip ,#flip2, #flip3{
	display:block;
}


#panel {
	display:block;
	margin-left:70px;
}

#panel2, #panel3{
	margin-left:70px;
	display:block;
}


.logo_technology{
	margin:10px 0px;
	text-align:center;
	float:left;

}

.pricing_box {
	margin:20px 0px;
}

}


@media only screen and (min-width:569px) and (max-width:685px) {
	
.logo{
	padding-left:150px;
}

.nav {
    width:auto !important;
}

.social_icon {
	float: left !important;
	padding-left:155px;
	margin:10px 0;
}

.sign ul{
	float: left;
	padding-left:167px;
}

.features_block {
    margin: 61px 0;
}

.How_it_block {
    padding: 135px 50px;
}


.features_heading {
	margin-top:10px !important;
	text-align:center;
}

.img{
	max-width:100%;
}

.design_block {
    margin: 55px 0;
}

.need_more_wrapper {
    padding: 0px 0;
}

.read_more {
	float: left !important;
	margin-bottom:40px !important;
}

.support_row {
	font-size:17px;
	font-weight:normal;
}

.list_menu{
	width:100%;
}

.input_row {
	width:100%;
	margin:20px 0;	
}

.input_row2 {
	width:100%;	
}

.submit_row{
	width:94%;
}

.plan_wrapper, .plan_wrapper2, .plan_wrapper3 {
	display:none;
}

.pricing_block{
	display:none;
}

#flip ,#flip2, #flip3{
	display:block;
}


#panel {
	display:block;
	margin-left:100px;
}

#panel2, #panel3{
	margin-left:100px;
	display:block;
}

.logo_technology{
	margin:10px 0px;
	text-align:center;
	float:left;

}

.pricing_box {
	margin:20px 0px;
}
		

}

 
@media only screen and (min-width:686px) and (max-width:768px) {

.logo{
	padding-left:150px;
}

.nav {
    width:auto !important;
}

.social_icon {
	float: left !important;
	padding-left:155px;
	margin:10px 0;
}

.sign ul{
	float: left;
	padding-left:167px;
}

.features_block {
    margin: 61px 0;
}

.How_it_block {
    padding: 135px 50px;
}


.features_heading {
	margin-top:10px !important;
	text-align:center;
}

.img{
	max-width:100%;
}

.design_block {
    margin: 55px 0;
}

.need_more_wrapper {
    padding: 0px 0;
}


.read_more {
	float: left !important;
	margin-bottom:40px !important;
}

.support_row {
	font-size:17px;
	font-weight:normal;
}

.list_menu{
	width:100%;
}

.input_row {
	width:100%;
	margin:20px 0;	
}

.input_row2 {
	width:100%;	
}

.submit_row{
	width:94%;
}	

.plan_wrapper, .plan_wrapper2, .plan_wrapper3 {
	display:none;
}

.pricing_block{
	display:none;
}

#flip ,#flip2, #flip3{
	display: block;
}

#panel, #panel2, #panel3{
	margin-left:130px;
	display:block;
}

#panel {
	display:block;
}

.logo_technology{
	margin:10px 0px;
	text-align:center;
	float:left;

}

.pricing_box {
	margin:20px 0px;
}
	
}


@media only screen and (min-width:769px) and (max-width:979px) {
.logo{
	padding-left:180px;
}

.nav {
    width:auto !important;
	padding-left:80px;
}

.social_icon {
	float: left !important;
	padding-left:185px;
	margin:10px 0;
}

.sign ul{
	float: left;
	padding-left:195px;
}

.features_block {
    margin: 61px 0;
}

.How_it_block {
    padding: 135px 50px;
}

.features_heading {
	margin-top:10px !important;
	text-align:center;
}

.img{
	max-width:100%;
}

.design_block {
    margin: 55px 0;
}

.need_more_wrapper {
    padding: 0px 0;
}

.read_more {
	float: left !important;
	margin-bottom:40px !important;
}

.support_row {
	font-size:17px;
	font-weight:normal;
}


.list_menu{
	width:100%;
}

.input_row {
	width:100%;
	margin:20px 0;	
}

.input_row2 {
	width:100%;	
}

.submit_row{
	width:94%;
}

.plan_wrapper, .plan_wrapper2, .plan_wrapper3 {
	display:none;
}

.pricing_block{
	display:none;
}

#flip ,#flip2, #flip3{
	display: block;
}

#panel, #panel2, #panel3{
	margin-left:130px;
	display:block;
}

#panel {
	display:block;
}

.logo_technology{
	margin:10px 0px;
	text-align:center;
	float:left;

}

.pricing_box {
	margin:20px 0px;
}

	
}


@media only screen and (min-width:980px) and (max-width:1280px) {

.container{
	width:80%;
}
	
.logo{
	padding-left:0;
}

.nav {
    width:auto !important;
}

.social_icon {
	float: right !important;
	padding-top:13px;
}

.sign ul{
	float: right;
}

.features_block {
    margin: 61px 0;
}

.How_it_block {
    padding: 135px 50px;
}	

.design_block {
    margin: 55px 0;
}

.need_more_wrapper {
    padding: 0px 0;
}


.read_more {
	float: left !important;
	margin-bottom:40px !important;
}

.support_row {
	font-size:17px;
	font-weight:normal;
}

.list_menu{
	width:100%;
}

.input_row {
	width:100%;
	margin:20px 0;	
}

.input_row2 {
	width:100%;	
}

.submit_row{
	width:98%;
}

.plan_wrapper, .plan_wrapper2, .plan_wrapper3 {
	display:none;
}

.pricing_block{
	display:none;
}

#flip ,#flip2, #flip3{
	display: block;
}

#panel, #panel2, #panel3{
	margin-left:240px;
	display:block;
}


#panel {
	display:block;
}

.logo_technology{
	margin:10px 0px;
	text-align:center;
	float:left;

}

.pricing_box {
	margin:20px 0px;
}

	
}