@media only screen and (max-width: 1023px) {
	.wrapper{ width: 768px;}
	.left{ float: none; width: 100%; text-align: center;}
	.girl{ width: 100% !important; background-position: 50% 50%; box-sizing: border-box;}
	.right{ float: none; width: 100%; padding-bottom: 10px;}
	.footer_link{ width: 98% !important;}
	.right h1{ font-size: 27px;}
	.content ul.home_certificate{ padding-left: 250px;}
	.step1 h2, .step2 h2, .step3 h2, .step4 h2, .step5 h2, .step6 h2{ height: auto !important; padding-bottom: 25px;}
	.content p{ text-align: center;}
	.step1, .step2, .step3, .step4, .step5, .step6{ text-align: center;}
	.step_button_1{ float: none; margin-right: 15px; margin-left: 0;}
	h2 span{ line-height: 30px;}
	.done_marker{ width: 310px; margin: 10px auto; text-align: left !important;}
	.index_form{ width: 500px; margin: 10px auto;}
	.index_form p{ padding-right: 10px; box-sizing: border-box;}
	/*.in_check p{ width: 75%;}*/
   .in_check p {
    width: 94%;
    text-align: left;
}
	.headingstep{ position: relative;}
	.headingstep h1{ font-size: 18px;}
	.step_btn_02{ width: 400px; margin: 0 auto !important; display: block; clear: both;}
	.step1.marker_show.somepadding{ width: 100%; float: none;}
	.discount_ribbon{ position: absolute; top: 20px; right: 0; z-index: 10; width: 100px;}
	.discount_ribbon img{ max-width: 100%; height: auto;}
	.somepadding h2{ font-size: 23px; padding-left: 0;}
	.somepadding h2 span{ font-size: 23px;}
	.grnbtn{ width: 260px; margin: 20px auto 0 !important; display: block; clear: both; padding: 13px 0;}
	#dwnc{ margin-left: 0;}
	.loading_content{ text-align: center; padding-left: 0 !important;}
	.terms h3, .terms p{ text-align: left !important;}
	.certificate_owner{ top: 105px;}
	.certificate_owner input[type="text"]{ line-height: 20px; font-size: 20px;}
	.certificate_date{ top: 140px; width: 100px;}
	.certificate_date input[type="text"]{ width: 100px;}
	.howto_non h5 {
  font-size: 22px;
  width: 18%;
}

.stpall {
  width: 78%;
}

.embed_videoareatwo {
  height: 400px;
}
.test_content p {text-align: left;}
}

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




}


@media only screen and (max-width: 767px) {
	.wrapper{ width: 98%;}
	h2{ line-height: 30px;}
	.headingstep h1{ line-height: 25px;}
	.headingstep{ padding: 5px 5px 20px;}
	#smart-green-demo{ width: 100%;}
	#smart-green-demo h1{ font-size: 43px;}
	#smart-green-demo h3{ font-size: 24px;}
	.mod_certificate_img{ width: 100%; float: none; min-height: 370px;}
	.mod_right_cont{ width: 100%; float: none;}
	#exit_pop_content{ width: 96% !important; margin-left: -48% !important;}
	#exit_pop_content img{ max-width: 100%; height: auto;}
	.footer_link p {font: 12px/19px Arial;margin: 0 auto;padding: 27px 0 0;text-align: center;width: 97%;}
.headingstep h1 {word-wrap: break-word;}
.test_wrap {text-align: center;}
.testimonial_image {margin: 10px auto; float: none; display: inline-block;}
.test_content {margin: 0; text-align: center; padding-top: 15px;}
}

@media only screen and (max-width: 640px) {

.embed_videoareatwo {
  height: 350px;
}

}


@media only screen and (max-width: 639px) {
	.content ul.home_certificate{ padding-left: 155px;}
	.right h1{ font-size: 19px; line-height: 25px;}
	h2{ font-size: 30px;}
	h2 span{ font-size: 25px;}
	#smart-green-demo h1{ font-size: 35px; line-height: 40px;}
	.certificate_date{ top: 265px; left: 103px;}
	.certificate_owner{ top: 190px;}
	.discount_ribbon{ width: 100%; float: none; position: relative; clear: both; display: block; text-align: center; top: inherit; padding: 10px 0;}
   .discount_ribbon img{ float: none;}
   .howto_non h5, .stpall {
 
  float: none;
  width: auto;
}
.contact_from_block { padding: 10px !important;}
.contact-us-area h2 { font-size: 30px; border-width: 2px; padding-bottom: 15px; margin-bottom: 15px;}
.contact-us-area p.font-20, .cntct-details p { font-size: 18px;}
.contact-us-area h3 { font-size: 20px;}
.inner-contact-form { margin-bottom: 15px; margin-top: 15px;}
.inner-contact-form h4, .cntct-details a { font-size: 22px;}
.cntct-details span { font-size: 26px;}
.inner-contact-form form .fields_name, .inner-contact-form form .fields_email { float: none; width: 100%;}
.inner-contact-form form .fields_email { padding-top: 15px;}
.inner-contact-form h4 { margin-bottom: 10px;}
}


/*@media only screen and (max-width: 567px) {
   .helium-modal .modal{ left: 1% !important; width: 96%;}
   .mod_certificate_img{ min-height: 380px;}
   .certificate_date{ top: 288px; left: 112px;}
   .certificate_owner{ top: 209px;}
   #smart-green-demo h3{ font-size: 21px;}
   .step1 h2{ padding-bottom: 0;}
   .somepadding h2 span{ font-size: 19px;}
   .discount_ribbon{ width: 100%; float: none; position: relative; clear: both; display: block; text-align: center; top: inherit; padding: 10px 0;}
   .discount_ribbon img{ float: none;}
   .step_btn_02{ width: 96%; box-sizing: border-box;}
}*/

@media only screen and (max-width: 567px) {
   header, main, footer{ box-sizing: border-box;}
   .step_btn_02{ font-size: 23px;}
   .somepadding h2{ font-size: 17px;}
   .somepadding h2 span{ font-size: 17px;}
   .content p{ font-size: 15px;}
   .index_form{ width: 96%;}
   .index_form label{ width: 270px;}
   .agree{ width: 98%;}
   .in_check p{ width: 93%;}
   #dwnc{ width: 100%; display: block; box-sizing: border-box; clear: both;}
   .step_button{ font-size: 21px;}
   .step_button_1{ margin-right: 0; display: block;}
   .questions_block{ padding: 5px 5px 15px;}
   .step_button{ display: block;}
   .step_button_2{ margin-top: 10px;}
   .step1 h2{ font-size: 24px; padding-bottom: 10px;}
   h2 span{ font-size: 22px;}
   #smart-green-demo h1{ font-size: 30px;}
   .col_left{ width: 100%; float: none; clear: both;}
   .col_left+.col_left{ padding-top: 10px;}
   .certificate_owner{ top: 169px;}
   .certificate_date{ top: 234px; left: 84px;}
   .mod_certificate_img{ min-height: 320px;}
   .embed_videoarea{ width: 84%; height: 248px;}
   .step_btn_02{ width: 96%; box-sizing: border-box;}
}

@media only screen and (max-width: 479px) {
   
   .footer_link ul li a {font-size: 11px;padding: 0 1px;}
   .content ul.home_certificate{ padding-left: 10px;}
   h2{ line-height: 21px;}
   .certificate_owner{ top: 102px;}
   .certificate_owner input[type="text"]{ font-size: 15px; line-height: 18px; height: 18px;}
   .certificate_date{ left: 32px; top: 135px;}
   .mod_certificate_img{ min-height: 205px;}
   .form_lft{ width: 100%; float: none; margin-right: 0;}
   .modal_load{ padding: 10px 5px;}
   .loading_content p{ font-size: 20px; padding-left: 0;}
   header h1{ font-size: 20px;}
   .contact_form_left{ width: 100%; float: none; padding: 0 0 10px; clear: both; display: block;}
   .contact_form_right{ width: 100%; float: none; padding: 0 0 20px;}
   .fields.fields_name input[type="text"]{ box-sizing: border-box;}
   .fields.fields_email input[type="email"]{ box-sizing: border-box;}
   .fields.fields_message textarea{ box-sizing: border-box;}
   .contact_form_left .fields_name{ float: none; width: 100%;}
   .contact_form_left .fields_email{ width: 100%; float: none;}
   .contact_form_left input[type="submit"]{ float: none;}
   .contact_form_right{ clear: both; margin-top: 10px;}
   .contact_from_block{ padding: 50px 10px;}
   .done_marker{ width: 300px;}
   .done_marker li{ background-position: top left; padding: 0 0 10px 20px;}
   .index_form p{ text-align: left; line-height: 24px;}
   /*.in_check p{ width: 88%;}*/
   .helium-modal .modal{ width: 90%;margin-left: -46.5% !important;left:50% !important;}
   .radioarea{ width: 78%; float: left;}
   .radioarea input{ float: left;}
   .radioarea label{ width: 144px; float: left;}
   .discount_price{ font-size: 15px; line-height: 17px;}
   .col_left + .col_left{ padding-top: 20px;}
   #certiface{display: none;}

   /******************13/04/2016***********************/
   label.clevel{ width: 265px;}
   /*.timerbg{ height: 67px; display: block;}*/
   .smart-green{ padding: 30px 15px !important;}
   header img{ display: none;}
   .step_btn_02{ position: relative; top: -155px;}
   .discount_ribbon{ position: relative; top: 105px;}
   p.para3{ display: none;}
   .mdl_cntnt_bottom{ padding-bottom: 0 !important;}
   .mdl_hdr .mdl_cntnt .mdl_cntnt_bottom p{ font-size: 13px; line-height: 17px;}
   .mdl_hdr .mdl_cntnt .mdl_cntnt_top h3{ font-size: 14px; line-height: 17px;}
   .top{ position: relative; top:70px; background: #ff0000; border-bottom: 3px solid #c10202;}
   .top:hover{ background: #de0101; border-bottom: 3px solid #c10202;}
   .bottom{ position: relative; top: -45px;}
}


@media only screen and (max-width: 390px) {

.in_check p {
    text-align: left;
    width: 90%;
}

}

@media only screen and (max-width: 480px) {


.embed_videoarea {
    height: 215px;
    width: 84%;
}

.embed_videoareatwo {
  height: 270px;
}

}

@media only screen and (max-width: 452px) {



.embed_videoarea {
    height: 195px;
    width: 84%;
}

}

@media only screen and (max-width: 425px) {

.embed_videoarea {
    height: 188px;
    width: 84%;
}

}

@media only screen and (max-width: 375px) {

.embed_videoarea {
    height: 175px;
    width: 84%;
}

}


@media only screen and (max-width: 360px) {

.embed_videoarea {
    height: 166px;
    width: 84%;
}

.embed_videoareatwo {
  height: 200px;
}

}


@media only screen and (max-width: 349px) {
.embed_videoarea {
    height: 161px;
    width: 84%;
}

}

@media only screen and (max-width: 335px) {

.embed_videoarea {
    height: 155px;
    width: 84%;
}
}

@media only screen and (max-width: 320px) {

.embed_videoarea {
    height: 150px;
    width: 84%;
}

.embed_videoareatwo {
  height: 184px;
}

}