/*----*****---- << Desktop >> ----*****----*/	
@media only screen and (min-width:960px) and (max-width:1120px) {


.mainwrap { max-width:100%; max-height:100%; margin:0 auto; padding:0 0 0 0; }
.wrapper { max-width:98.7%; margin:0 auto; padding:0 0 0 0; }

#demo1 .content { color: #fff; max-width:43%; max-height:100%; float:right; }
#demo1 .content a { max-width:100%; padding-right:5px; }
#demo1 .content a img { max-width:40%; padding-right:5px; }

#demo1 .content h2 { font-family:"myriad Pro"; font-size:35px; color:#efefef; max-width:97%; margin-bottom:10px; }
#demo1 .content p { font-family:"myriad Pro"; font-size:20px; color:#efefef; max-width:100%; margin-bottom:20px; }

.call { max-width:100%; float:left; display:inline; height:27px; }
.call ul { padding-top:9px; }
.call ul li { display:inline; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#b7b7b7; float:left; }

.box { max-width:294px; max-height:auto; display:inline-block; position:relative; padding:30px 22px 0 0; margin-bottom:30px; }
.foot1 { max-width:270px; height:auto; padding:40px 10px 0 41px; float:left; }
.social { width:57%; height:30px; float:left; margin:10px 0 0 0; }
.foot2 { max-width:270px; max-height:100%; padding:40px 10px 0 35px; float:left; }
.foot3 { max-width:269px; max-height:100%; padding:40px 0 0 23px; float:left; }
.mid-inner-2 { max-width:252px; max-height:auto;  position:relative; padding:0 45px 20px 39px; display:inline-block;}
.slider img { max-width:100%; max-height:100%; }

.features-left {
    float: left;
    height: auto;
    width: 26%;
}

.features-right {
    float: left;
    height: auto;
    margin-bottom: 2%;
/*    margin-left: 0;*/
    width: 80%;
}

.sub {
    float: left;
    height: auto;
    margin-left: 0;
    width: 30%;
}

.right-cont {
    background: none repeat scroll 0 0 #fff;
    border: 10px solid #77a09c;
    border-radius: 45px;
    float: left;
    height: auto;
    margin: 6% 0 0;
    width: 51%;
}

.sub input {
    background: url("../images/subs.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #fff !important;
    cursor: pointer;
    float: left;
    font-family: Tahoma,Geneva,sans-serif !important;
    font-size: 17px !important;
    height: 50px !important;
    width: 100% !important;
	 border-radius:0 !important;
	
}


.right-cont input {
    border: medium none;
    border-radius: 45px;
    color: #000;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    height: 48px;
    padding-left: 7.8%;
    width: 62%;
}
}


/*----*****---- << Tablet (Portrait) >> ----*****----*/	
@media only screen and (min-width:768px) and (max-width:959px) {
	
.mid-2 img { max-width:90%; }
.mid-3 img { max-width:90%; }

#demo1 .content { color: #fff; max-width:50%; max-height:100%; float:right; margin-right:-1px; }
#demo1 .content a { max-width:100%; padding-right:5px; }
#demo1 .content a img { max-width:30%; padding-right:5px; }

#demo1 .content h2 { font-family:"myriad Pro"; font-size:33px; color:#efefef; max-width:97%; margin-bottom:10px; }
#demo1 .content p { font-family:"myriad Pro"; font-size:20px; color:#efefef; max-width:96%; margin-bottom:20px; }

.call { max-width:100%; float:left; display:inline; height:27px; }
.call ul { padding-top:9px; }
.call ul li { display:inline; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#b7b7b7; float:left; }

.mainwrap { max-width:100%; max-height:100%; margin:0 auto; padding:0 0 0 0; }
.wrapper { max-width:99%; margin:0 auto; padding:0 0 0 0; }
.slider { max-width:100%; max-height:auto; margin:0 auto; }
.box { max-width:229px; max-height:auto; display:inline-block; position:relative; padding:30px 22px 0 0; margin-bottom:30px; text-align:center; }
.foot1 { max-width:192px; height:auto; padding:40px 10px 0 35px; float:left; }
.social { width:80%; height:30px; float:left; margin:10px 0 0 0; }
.foot2 { max-width:192px; max-height:100%; padding:40px 10px 0 35px; float:left; }
.foot3 { max-width:192px; max-height:100%; padding:40px 0 0 21px; float:left; }
.mid-inner-2 { max-width:252px; max-height:auto;  position:relative; padding:0 45px 20px 39px; display:inline-block;}
.mid1 { max-width:100%; max-height:100%; background:#f9f9f9; padding-bottom:56px; margin-top:174px; }
.slider img { max-width:100%; max-height:100%; }	
.footer { overflow:hidden; }

.mid-cont > img {
    max-width: 90%;
}

.right-cont input {
    border: medium none;
    border-radius: 45px;
    color: #000;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    height: 48px;
    padding-left: 4%;
    width: 48.3%;
}
.sub input {
    background: url("../images/subs.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 17px;
    height: 50px;
    width: 100%;
}

.sub {
    float: left;
    height: auto;
    margin-left: 15.7px;
    width: 43%;
}

.features-left {
    float: left;
    height: auto;
    width: 32%;
}

.features-right {
    float: left;
    height: auto;
    margin-bottom: 2%;
/*    margin-left: 0;*/
    width: 80%;
}

.faq-left input {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d6d7d9;
    color: #3a3939;
    cursor: pointer;
    float: left;
    font-family: "Alte Haas Grotesk";
    font-size: 12px;
    height: auto;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 70%;
}

.faq-left .currnt {
    background: none repeat scroll 0 0 #169fe6;
    border: 1px solid #d6d7d9;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: "Alte Haas Grotesk";
    font-size: 12px;
    height: auto;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 70%;
}
.faq-left input:hover {
    background: none repeat scroll 0 0 #169fe6;
    border: 1px solid #d6d7d9;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: "Alte Haas Grotesk";
    font-size: 12px;
    height: auto;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 70%;
}

.process1-left > img {
    width: 100%;
}

.process2-left > img {
    width: 100%;
	
}

/*#demo1 li .testbox {
	background-color: #169fe6;
	width: 170px;
	position: absolute;
	font-family: raleway;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 10px;
	border-radius: 8px;
	left: 13%;
	top: 71%;
}
#demo1 li .testbox2 {
	background-color:#FFF;
	width: 170px;
	position: absolute;
	font-family: raleway;
	font-size: 12px;
	font-weight: bold;
	color: #1d1d1d;
	text-align: center;
	padding: 10px;
	left: 23.5%;
	border-radius: 8px;
	top: 71%;
}*/


}

/*----*****---- << Mobile (Landscape) >> ----*****----*/	
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
#demo1 .content { color: #fff; max-width:50%; max-height:100%; float:right; margin-right:-1px; }
#demo1 .content a { max-width:100%; padding-right:5px; }
#demo1 .content a img { max-width:30%; padding-right:5px; }

#demo1 .content h2 { font-family:"myriad Pro"; font-size:33px; color:#efefef; max-width:97%; margin-bottom:10px; }
#demo1 .content p { font-family:"myriad Pro"; font-size:20px; color:#efefef; max-width:96%; margin-bottom:20px; }

.skdslider ul.slides li img{

}
.process1-left > img {
    width: 100%;
}

.process2-left > img {
    width: 100%;
}

.mainwrap { max-width:98%; max-height:100%; margin:0 auto; padding:0 0 0 0; }
.skdslider { max-width:100%; margin:0 auto; padding:0 0 0 0; }
.slider { max-width:100%; max-height:auto; margin:0 auto; }
.box { max-width:270px; max-height:auto; display:inline-block; position:relative; padding:30px 0 0 22px; margin-bottom:30px; float:left; }
.foot1 { max-width:210px; height:auto; padding:40px 10px 0 35px; float:left; }
.social { width:72%; height:30px; float:left; margin:10px 0 0 0; }
.foot2 { max-width:210px; max-height:100%; padding:40px 10px 0 35px; float:left; }
.foot3 { max-width:210px; max-height:100%; padding:40px 0 0 35px; float:left; margin-bottom:60px; }
.mid-inner-2 { max-width:252px; max-height:auto;  position:relative; padding:0 45px 20px 39px; display:inline-block;}
.mid1 { max-width:100%; max-height:100%; background:#f9f9f9; padding-bottom:56px; margin-top:174px; float:left; }
.mid h2 { font-family:"myriad Pro"; font-size:18px; color:#383737; text-align:center; padding-top:48px; }
.mid p { font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#535353; text-align:center; }
.mid-2 img { max-width:90%; }
.box h2 {max-width:45%; height:auto; display:block; font-family:"myriad Pro"; font-size:18px; color:#2c2c2c; padding:0 0 0 75px ; }
.box p {max-width:73%; text-wrap:normal; display:block; height:auto; word-wrap: break-word; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#969696; padding:0 0 0 5px; text-align:justify; margin-left:68px;}
.footer { height:100%; }
.mid-3 { max-width:100%; max-height:100%; background:#f9f9f9; text-align:center; margin-top:-100px; }
.mid-3 img { max-width:90%;} 
.slider img { max-width:100%; max-height:100%; }
.footer { overflow:hidden; }

.left-cont {
    float: left;
    height: auto;
    margin: 6% 0 0 3%;
    width: 97%;
}

.cont-bg {
    background: url("../images/in-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: auto;
    width: 100%;
	    padding-bottom: 10px;
}

.right-cont {
    background: none repeat scroll 0 0 #fff;
    border: 10px solid #77a09c;
    border-radius: 45px;
    float: left;
    height: auto;
    margin: 6% 0 0 2%;
    width: 91%;
}

.sub {
    float: left;
    height: auto;
    margin-left: 10%;
    width: 30%;
}

.right-cont input {
    border: medium none;
    border-radius: 45px;
    color: #000;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    height: 44px;
    padding-left: 5.2%;
    width: 54%;
}
.sub input {
    background: url("../images/subs.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 17px !important;
    height: 50px !important;
    width: 101% !important;
	border-radius:0 !important;
}

.features-left {
    float: left;
    height: auto;
    margin-left: 25%;
    width: 50%;
}

.features-right {
    float: left;
    height: auto;
    margin-bottom: 2%;
    margin-left: 9%;
    width: 91%;
}

.mid-cont > img {
    width: 100%;
}

.faq {
    float: left;
    height: auto;
    margin-bottom: 5%;
    margin-left: 10%;
    width: 90%;
}

.faq-left {
    float: left;
    height: auto;
    width: 100%;
}

.faq-right {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #d6d7d9;
    float: left;
    height: auto;
    padding: 2%;
    width: 65%;
}

.tier1 {
    border: 1px solid #dbdbdb;
    float: left;
    height: auto;
    margin-right: 2%;
    text-align: center;
    width: 45%;
}

.tier2 {
    border: 1px solid #dbdbdb;
    float: left;
    height: auto;
    margin-right: 2%;
    text-align: center;
    width: 45%;
}	
.process1-left {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}

.process1-right {
    float: left;
    height: auto;
    margin-left: 2%;
    width: 95%;
}

.process2-left {
    float: left;
    height: auto;
    text-align: center;
    width: 98%;
}

.process2-right {
    float: left;
    height: auto;
    margin-left: 2%;
    margin-top: 10%;
    width: 95%;
}
.suleft {
	float: left;
	width: 100%;
	margin-left: 5%;
}

.suright {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.wrapper .wrapper .dashboard .greycenter .pricingwrap .pricingbox1 {
	float: left;
	width: 100%;
	margin-right: 1%;
}


}


/*----*****---- << Mobile >> ----*****----*/
@media only screen and (max-width: 479px) {
	
	
	.wrapper .wrapper .dashboard .greycenter .pricingwrap .pricingbox1 {
	float: left;
	width: 100%;
	margin-right: 0%;
}

.wrapper .wrapper .dashboard .greycenter .pricingwrap .pricingbox2 {
	float: left;
	width: 100%;
	margin-right: 0%;
	margin-top: 4%;
	margin-bottom: 4%;
}
.wrapper .wrapper .dashboard .greycenter .pricingwrap .pricingbox3 {
	float: left;
	width: 100%;
	margin-right: 0%;
}
.wrapper .wrapper .dashboard .greycenter .underruler-wrap .left {
	float: left;
	width: 100%;
}
.wrapper .wrapper .dashboard .greycenter .underruler-wrap .checklistwrap {
	float: left;
	width: 100%;
	margin-top: 15px;
}
.wrapper .wrapper .dashboard .greycenter .underruler-wrap .checklistwrap .linewrap {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.bluewrap .bluewrapin .signupbutton a {
    color: #169fe6;
    font-family: "Raleway",sans-serif;
    font-size: 24px;
}

#demo1 .content { color: #fff; max-width:50%; max-height:100%; float:right; margin-right:-11px; padding-top:20px; }
#demo1 .content a { max-width:100%; padding-right:5px; }
#demo1 .content a img { max-width:30%; padding-right:5px; }

#demo1 .content h2 { font-family:"myriad Pro"; font-size:16px; color:#efefef; max-width:97%; margin-bottom:10px; }
#demo1 .content p { font-family:"myriad Pro"; font-size:8px; color:#efefef; max-width:96%; margin-bottom:10px; }

#demo1 .content {
  	margin: 0 -12px 0 0;
    top: 21%;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    z-index: 7;
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    -webkit-transition-duration: 800ms,700ms;
    -moz-transition-duration: 800ms,700ms;
    -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);
    -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate(-30px, 0);
}
.skdslider { max-width:100%; margin:0 auto; padding:0 0 0 0; }

.call { max-width:100%; float:left; display:inline; }
.call ul { padding-top:9px; }
.call ul li { display:inline; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#b7b7b7; float:left; }
	
.mainwrap { max-width:100%; max-height:100%; margin:0 auto; padding:0 0 0 0; }
.wrapper { max-width:98.7%; margin:0 auto; padding:0 0 0 0; }
.slider { max-width:100%; max-height:auto; margin:0 auto; }
.box { max-width:100%; max-height:auto; display:inline-block; position:relative; padding:30px 0 0 41px; margin-bottom:30px; text-align:center; float:left; }
.foot1 { max-width:210px; height:auto; padding:40px 10px 0 11px; float:left; }
.social { width:72%; height:30px; float:left; margin:10px 0 0 0; }
.foot2 { max-width:210px; max-height:100%; padding:40px 10px 0 35px; float:left; }
.foot3 { max-width:210px; max-height:100%; padding:40px 0 0 35px; float:left; margin-bottom:60px; }

.mid-inner-2 {
    display: inline-block;
    max-width: 252px;
    padding: 0 0 7%;
    position: relative;
}
.mid1 { max-width:100%; max-height:100%; background:#f9f9f9; padding-bottom:56px; margin-top:174px; float:left; }
.mid h2 { font-family:"myriad Pro"; font-size:18px; color:#383737; text-align:center; padding-top:48px; }
.mid p { font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#535353; text-align:center; padding-left:20px; }
.mid-2 img { max-width:90%; }
.box p {max-width:80%; text-wrap:normal; display:block; height:auto; word-wrap: break-word; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#969696; padding:0 0 0 5px; text-align:justify;}
.footer { height:auto; overflow:hidden; }
.mid-3 { max-width:100%; max-height:100%; background:#f9f9f9; text-align:center; margin-top:-100px; }
.mid-3 img { max-width:90%;}
.box p {max-width:80%; text-wrap:normal; display:block; height:auto; word-wrap: break-word; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#969696; ; text-align:justify; margin-top:10px; float:left;}
.box h2 {max-width:71%; height:auto; display:block; font-family:"myriad Pro"; font-size:18px; color:#2c2c2c; padding:17px 0 0 13px ; }

 .slider img { max-width:100%; max-height:100%; }

.features-left {
    float: left;
    height: auto;
    width: 26%;
}

.features-right {
    float: left;
    height: auto;
    margin-bottom: 2%;
    margin-left: 0;
    width: 70%;
}

.sub {
    float: left;
    height: auto;
    margin-left: 0;
    width: 30%;
}

.right-cont {
    background: none repeat scroll 0 0 #fff;
    border: 10px solid #77a09c;
    border-radius: 45px;
    float: left;
    height: auto;
    margin: 6% 0 0;
    width: 51%;
}

.sub input {
    background: url("../images/subs.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #fff !important;
    cursor: pointer;
    float: left;
    font-family: Tahoma,Geneva,sans-serif !important;
    font-size: 17px !important;
    height: 50px !important;
    width: 100% !important;
	 border-radius:0 !important;
	
}


.right-cont input {
    border: medium none;
    border-radius: 45px;
    color: #000;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    height: 48px;
    padding-left: 7.8%;
    width: 62%;
}

.left-cont {
    float: left;
    height: auto;
    margin: 6% 0 0 3%;
    width: 96% !important;
}
.left-cont {
    float: left;
    height: auto;
    margin: 6% 0 0 3%;
    width: 97%;
}

.cont-bg {
    background: url("../images/in-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: auto;
    width: 100%;
	    padding-bottom: 10px;
}

.right-cont {
    background: none repeat scroll 0 0 #fff;
    border: 10px solid #77a09c;
    border-radius: 45px;
    float: left;
    height: auto;
    margin: 6% 0 0 2%;
    width: 91%;
}

.sub {
    float: left;
    height: auto;
    margin-left: 5%;
    width: 35%;
}


.right-cont input {
    border: medium none;
    border-radius: 45px;
    color: #000;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    height: 25px;
    padding-left: 4%;
    width: 53.9%;
}

.sub input {
    background: url("../images/subs-res.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 !important;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 17px !important;
    height: 32px !important;
    width: 101% !important;
}

.sub input:hover {
    background: url("../images/subs-hov-res.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 !important;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 17px !important;
    height: 32px !important;
    width: 101% !important;
}

.features-left {
    float: left;
    height: auto;
    margin-left: 9%;
    width: 76%;
}

.features1 {
    float: left;
    height: auto;
    width: 87%;
	margin-bottom: 20%;
	margin-left: 7%;
}

.features2 {
    float: left;
    height: auto;
    margin-left: 7%;
    width: 87%;
	margin-bottom: 20%;
}

.features-right {
    float: left;
    height: auto;
    margin-bottom: 2%;
    margin-left: 9%;
    width: 91%;
}

.mid-cont > img {
    width: 100%;
}


.faq {
    float: left;
    height: auto;
    margin-bottom: 5%;
    margin-left: 4%;
    width: 96%;
}

.faq-left input {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d6d7d9;
    color: #3a3939;
    cursor: pointer;
    float: left;
    font-family: "Alte Haas Grotesk";
    font-size: 14px;
    height: auto;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 92%;
}

.faq-left .currnt {
    background: none repeat scroll 0 0 #169fe6;
    border: 1px solid #d6d7d9;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: "Alte Haas Grotesk";
    font-size: 14px;
    height: auto;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 92%;
}

.faq-left input:hover {
    background: none repeat scroll 0 0 #169fe6;
    border: 1px solid #d6d7d9;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: "Alte Haas Grotesk";
    font-size: 14px;
    height: auto;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 92%;
}
.faq-left {
    float: left;
    height: auto;
    width: 100%;
}


.faq-right {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #d6d7d9;
    float: left;
    height: auto;
    padding: 2%;
    width: 88%;
}

.tier1 {
    border: 1px solid #dbdbdb;
    float: left;
    height: auto;
    margin-left: 1%;
    text-align: center;
    width: 96%;
}

.tier2 {
    border: 1px solid #dbdbdb;
    float: left;
    height: auto;
    margin-left: 1%;
    text-align: center;
    width: 96%;
}

.testi {
    background: url("../images/test-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
	padding-bottom:2%;
}

.testi p {
    color: #fff;
    float: left;
    font-family: "Alte Haas Grotesk";
    font-size: 13px;
    margin: 1% 0 0 6%;
    width: 72%;
}

.testi h3 {
    background: url("../images/righ.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #fff;
    font-family: "Alte Haas Grotesk";
    font-size: 20px;
    padding: 0 0 0 12%;
    text-align: left;
    text-shadow: 0 0 5px #000;
    width: 85%;
}

.testi h2 {
    background: url("../images/left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: "Alte Haas Grotesk";
    font-size: 19px;
    margin-top: 2%;
    padding: 2% 0 0 12%;
    text-align: left;
    text-shadow: 0 0 5px #000;
}

.right-adress {
    float: left;
    height: auto;
    margin-left: 12%;
    margin-top: 13px;
    width: 37%;
}
.process1-left > img {
    width: 100%;
}

.process2-left > img {
    width: 100%;
}

.process1-left {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}

.process1-right {
    float: left;
    height: auto;
    margin-left: 2%;
    width: 95%;
}
.process2-left {
    float: left;
    height: auto;
    text-align: center;
    width: 98%;
}

.process2-right {
    float: left;
    height: auto;
    margin-left: 2%;
    margin-top: 10%;
    width: 95%;
}	

.suleft {
	float: left;
	width: 100%;
	margin-left: 5%;
}

.suright {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

#demo1 li .testbox {
	display:none;
	
}

#demo1 li .testbox2 {
	display:none;
}
	
.skdslider {
	display:none;
}


.bluewrap .bluewrapin .bluewraptext	{
    color: #fff;
    float: left;
    font-family: 'Raleway',sans-serif;
    font-size: 26px;
    font-weight: bold;
    margin-top: 15px;
    padding: 12px;
}


.bluewrap .bluewrapin .signupbutton {
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    margin: 12px;
    text-align: center;
    width: 86%;
}

.mainwrap .wrapper .logo a #logo1 {
	height: auto;
    max-width: 100%;
}

.midbox1 {
	width: 100%;
	float: left;
	margin-bottom: 20%;
}

.wleft {
	float: left;
	width: 91%;
	text-align: left;
	margin-left: 5%;
}
.wright {
	float: right;
	width: 100%;
	text-align: center;
	margin-top: 14%;
}

.mid1 .blue1 {
	width: 100%;
	background-color: #169fe6;
	padding-top: 10%;
	padding-bottom: 10%;
	float: left;
	margin-bottom: 15%;
	margin-top: 2%;
}

.mid1 .blue1 .blue1wrap {

	font-size: 180%;
}

.sgr {
	float: left;
	width: 100%;
	padding-top: 2%;
	padding-bottom: 2%;
	background-image: url(../images/bg.png);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e7e7e7;
}


.signup2 {
	background-color: #BCD700 !important;
	padding: 15px;
	border-radius: 8px;
	float: right;
}
.sgr .signup2 a {
	color: #FFF;
	font-family: raleway;
	font-size: 70%;
}

.sgr .sgrtext {
	font-family: 'Raleway', sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #333;
	float: left;
	margin-top: 2%;
	width: 100%
}
.sgr .sgrwrapper {
	margin-right: auto;
	margin-left: auto;
	width: 63%;
}

.mid4title {
    color: #1d1d1d;
    font-family: raleway;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8%;
    margin-top: 8%;
    text-align: center;
}

.logo {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.mainwrap .wrapper .logo a #mainlogo {
	max-width:100%;
}