@media screen and (max-width : 1280px){
div.responesive-top{display:none;}
.midle {width: 88%;margin: 0 auto;}	
#content_wrap {width: 98%;margin: 0 auto; position: relative;}
div.stripe_cont-vcsd #content_wrap { width: 98%; margin: 0 auto; position: relative;}

div.do_morhp{ width:56%; margin-top:5px; float:left;}
img.img_sample {max-width: 100%;  height: auto;}
img.sample {
    max-width: 100%;
    height: auto;
    -webkit-filter: drop-shadow(0 0 10px #29b3e6);
    filter: drop-shadow(0 0 10px #29b3e6);
}
div.vcsd-whatnew{background:url(//cdn.audio4fun.com/images/home/vcsd-mpm.jpg); width:100%;}
div.vcsd-whatnew h1 { font-size: 2em;font-weight: 300; margin-bottom: 20px;color: #ffffff; line-height: 120%;  text-align: center;}
p.morhp { color: #ffffff; font-size: 1.5em; line-height: 180%; text-align: center; font-weight: 100;}
p.content-siler {max-width: 100%; text-align: center;  margin-left: 100px; font-size: 15pt; color:#757575; line-height: 150%; padding-top:10px; font-weight:300;}
p.bnt-width {width: 180px !important;margin-left: 59% !important;}
div.system {border: 1px solid #cecece;width: 480px; float: left; height: 340px; margin-top: 0px !important; margin-left: 22px !important; }
}

@media only screen and (max-width: 1025px) { 
	
div.bottom_col ul { text-align: center; padding-bottom: 20px;}
div.copyright {text-align: center; border-top: 1px solid #08374d; padding-top: 30px;  padding-bottom: 10px;width:100%;}  
p.copyright {text-align: center;border-top: 1px solid #08374d;padding-top: 30px;padding-bottom: 10px;}	
.bottom-bar ul {text-align: center;	padding-bottom: 20px;}
.bottom-bar ul li,.bottom-bar ul li::after{   line-height: 200%;}  
.bottom-bar ul li::after{  font-size: 100%;  bottom: -5px;}
.tab_1_of_2 {  width: 48.9%; }
.tab_2_of_2 { width: 100%;  margin-left: 0;  }
.tab_1_of_2:nth-child(odd) {  margin-left: 0 !important;  clear: both; }
.container {width: 99%;margin-left: 1%;	margin-right: 1%;}	
.toggle {display: block;}
.logo {padding-left: 70px;}
.logo a {line-height: 60px;}
.logo img {width: 200px;}	
.top-bar {display: none;}
.respons {position:fixed;top:0;}
 img {  max-width: 100%; }
.toggle {  display: block;  }
.logo { padding-left: 70px; }
.logo a { line-height: 60px; }
.logo img { width: 200px; }
.top-bar {display: none; }
.menu-bar { /*position: fixed;*/ height: 60px; z-index: 3; width: 100%; background: #fff; box-shadow: none; }
.logo { position: fixed; width: 100%; background: #fff;  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05) }
.menu-bar .container { width: 100%; margin: 0;  position: relative; }
.col-right { position: absolute; left: 0;top: 60px; z-index: 999; height: 0; padding-top: 1px; width: 100%;  background: #fff;   transition: all 0.3s ease-in-out;  overflow: hidden; }
.col-right input { margin-bottom: 0;  height: 60px;   line-height: 60px; display: block; color: #000; border-color: #000;  padding-left: 0;    padding-right: 0; margin-right: 60px; margin-left: 60px; padding-left: 20px;  width: calc(100% - 120px); background: url(https://upload.wikimedia.org/wikipedia/commons/5/55/Magnifying_glass_icon.svg) no-repeat; background-size: 20px; background-position: top 50% right 25px; }
.col-right.on-toggle { height: 100vh;  z-index: -99999999999; }
.col-right ul.nav { position: relative; top: 0; right: auto; }
.col-right ul.nav > li { display: block; padding: 0;  margin-left: 60px;  margin-right: 60px;   position: relative; }
.col-right ul.nav > li.main-sub::before,
.col-right ul.nav > li.full-sub::before {  position: absolute;  content: "+";  color: #000;  top: 10px;
    font-size: 1.5em;  font-weight: 300;  right: 25px;  display: block;}
.main-eff.promo::after {  top: -1px;  bottom: 0;  left: 0;  right: 0;   border-radius: 0;  }
.main-eff.promo:hover::after {   top: -1px;    bottom: 0;  left: 0;  right: 0; border-radius: 0; }  
.main-eff::after {top: 100%; bottom: 0px; left: 0px; right: 0px; border-radius: 0; }
.main-eff:hover:after { top: 0px;bottom: 0px; border-radius: 0;}  
.col-right ul.nav > li > a { line-height: normal; display: block;  border-bottom: 1px solid #ccc;  padding: 15px 20px;
    font-size: 120%;font-weight: 300;text-decoration:none;color:#3d3d3d;  }
.col-right ul.nav > li > a:hover { line-height: normal; display: block; border-bottom: 1px solid #ccc;  padding: 15px 20px;  font-size: 120%;
    font-weight: 300;text-decoration:none;	  }
.col-right ul.nav li a:hover { color: #2580af;}
.col-right ul.nav > li > a::after { display: none; }	
}
 
@media only screen and (max-width: 1001px)  {
	img.img_reposinve {max-width: 100%; height: auto;}
	img.img_reposinve_sen {
    max-width: 100%;
    height: auto;
}
div#header-menu {   height: 0px !important;  }
div.responesive { display:none;}
div.responesive-top{display:block !important;}
#nav-scroll-bar-vcsd { display:none !important;}
ul.screenshot-menu {display:none;}
div#scroll-image span.pre { display:none;}
div#scroll-image span.next { display:none;}
	}

@media only screen and (max-width: 980px)  {
div.voice-recorder-left { height: 284px !important;  width: 46% !important;  margin-top: 155px;  margin-right: 14px;  margin-left: 14px;}
div.voice-over-editor { border: 1px solid #cecece; float: left; height: 284px !important; width: 46% !important; margin-top: 155px;  margin-right: 15px; margin-left: 12px;}

div.voice-morpher { border: 1px solid #cecece; float: left; height: 284px !important; width: 46% !important; margin-top: 155px;
    margin-right: 28px; margin-left: 15px;}
div.file-morpher { border: 1px solid #cecece; float: left; height: 284px !important; width: 46% !important;  margin-top: 155px;}
div.stripe_cont h2.vcsd{padding-left: 10% !important;   padding-right: 10% !important;}
div.box_vcsd_update {display:none;}
div.content_vcsd_update{width:99%; margin-left:2%;}
p.bnt_width_learnmore { width:97%;}

} 
@media only screen and (max-width: 910px)  {
div.specone { border: 1px solid #cecece; width: 100% !important; float: left; height: 340px; margin-left: 0px !important;}
div.system { border: 1px solid #cecece; width: 100%; float: left; height: 340px;  margin-top: 10px !important;margin-left: 0px !important;}
}
 @media only screen and (max-width: 850px)  {
div.left-full-small {float: left;margin: 10px; padding: 10px;  width: 290px; height: 290px !important;}
div#header-menu { height: 0px !important;}
}

@media only screen and (max-width: 800px)  {
div.voice-over-editor {height: 290px !important; width: 45% !important;}
div.voice-morpher { height:290px !important; margin-top:175px !important; }
div.file-morpher { height:290px !important; margin-top:175px !important; }
div.stripe_cont h2.vcsd { padding-left: 0px !important;  padding-right: 0px !important;}
}
@media only screen and (max-width: 780px)  {
div.clear-col{ display:block !important; clear:both;} div.clear-both {clear: none !important;} #top_bar {display:none !important;}
.nav ul li {display:none !important;}
}
@media only screen and (max-width: 773px)  {
p.bnt-width {width: 180px !important; margin-left: 64% !important;}
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 45% !important; height: 100%;}

}

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

div.content_vcsd_update {
    float: left;
    width: 99%;
    margin-top: 40px !important ;
}
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 49% !important; margin-right:2%; height: 100%;}	
.col2  {  margin-right:0px !important;}
.subscribe {position: static;margin-top: 20px;	}
.footer {padding-bottom: 0;	}	
.footer ul.list-link li{display: block;	margin: 0;padding-top: 15px;padding-bottom: 15px;padding-left: 10px;border-top: 1px solid #134e6b;		}
.footer ul.list-link li:first-child {border: none;}
.footer ul.list-link li a {	display: block;	border: none;}
.footer ul.list-link a:hover {border: none;}
.stab_1_of_2 { width: 48.9%; }
.stab_2_of_2 { width: 100%; margin-left: 0; }
.stab_1_of_2:nth-child(odd) { margin-left: 0 !important; clear: both; }
p.bnt-width {width: 180px !important; margin-left: 63% !important;}
}
@media only screen and (max-width: 765px)  {	
	div.voice-over-editor {    margin-right: 0px !important; margin-left: 16px !important;}	
}
@media only screen and (max-width: 750px)  {

div.clear-both{ clear:none !important;}
div.vcsg {       width: 46% !important; height:100%;
    float: left;
    margin-left: 2% !important;
    border: 1px solid #cecece;
    margin-right: 1%;
    margin-bottom: 10px;
    padding-bottom: 10px;}
div.vcsg_left h{ clear:none !important;}
	img.img_reposinve_sen {
    margin-right:0 !important;
	vertical-align:top; 
	display:block;
	padding-bottom:10px;
}

div.vcs {  background: #ffffff;  width: 49% !important;    float: left;}
}
@media only screen and (max-width: 710px)  {
div.left-voice { float: left;   width: 300px; margin-left: 0px!important;}
}

 @media only screen and (max-width: 700px)  {
div.vcsd-box {    float: left;    width: 100% !important;    margin-top: 70px;}
p.bnt-width {   width: 180px !important;  margin-left: 34% !important;}
div.responesive { display:none;}
div.responesive-top{display:block !important;}

}

 @media only screen and (max-width: 680px)  {
span.br {display:block;}
div.stripe_cont h2.count {   
    line-height: 110% !important;
	padding-top:0  !important;
}
 }

@media only screen and (max-width: 641px)  {
div.system {border: 1px solid #cecece; width: 100%;float: left; height: 340px; margin-top: 20px !important;  margin-left: 0px !important;}
div.left-voice {  float: left; width: 300px;  margin-left: 0px!important;}
p.bnt-width {
    width: 180px !important;
    margin-left: 33% !important;
}
}

@media only screen and (max-width: 650px)  {
div.system {border: 1px solid #cecece; width: 100%;float: left; height: 340px; margin-top: 20px !important;  margin-left: 0px !important;}
div.left-voice {  float: left; width: 300px;  margin-left: 0px!important;}
}
@media only screen and (max-width: 630px)  {
	ul.socialMenu { height:auto !important;}
}
 

@media only screen and (max-width: 600px)  {
div.voice-over-editor {width: 100% !important; margin-top: 155px;  margin-right: 20px; margin-left:0px !important;}

div.voice-morpher {   width: 100% !important;  margin-top: 155px;  margin-right: 20px; margin-left:0px !important;}
div.file-morpher { width: 100% !important; margin-top: 155px; margin-left:0px !important;}
div.voice-recorder-left {width: 100% !important;  margin-left: 0px !important;}
div.vcsg {width: 99% !important; margin-left:0px !important; height:100%;}
div.vcsg_left { float: left;   
    width: 45%;}
div.freeware {float: left;
    margin-top: 12px;
    width: 53%;
    text-align: left;!important; }
img.img_reposinve_mobile {
    max-width: 80% !important;
    height: auto;
    margin-top: 25px;
}
h3.vcsg_left{ font-weight: 500;font-size: 14pt;padding-bottom: 0px;line-height: 130%; margin-top:20px;}
div.vcs {width: 100% !important;}
.smp_1_of_1 {  width: 100%;  margin: 0;  float: none;  clear: both;  }
}


@media only screen and (max-width: 590px)  {
div.voice-recorder-left { height: 284px !important;  width: 100%!important; margin-right: 0px !important;margin-left: 0px !important;}
div.voice-recorder { width: 100% !important;margin-left: 14px !important; }
div.voice-over-editor { height: 284px !important; width: 100% !important; margin-right: 0px !important; margin-left: 0px !important;}
div.voice-morpher {  border: 1px solid #cecece;  float: left;  height: 284px !important; width: 100% !important;margin-right: 0px !important;     margin-left: 0px !important; }
div.file-morpher { height: 284px !important; width: 100% !important;}

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

div.vcsg { width: 99% !important;margin-right: 0 !important;height:100%; }
div.vcs {  width: 99% !important;}
ul.screenshot-menu {display:none;}
div#scroll-image ul li {  height: auto !important; }
div#scroll-image div.list-image { height:540px !important;}

#nav-scroll-bar-vcsd h2 { font-size: 16pt !important; }
}
@media only screen and (min-width: 480px) and (max-width: 490px)  {
p.bnt-width { width: 180px !important;  margin-left: 26% !important;}
div.vcsg { width: 100%; float: left; height:100%;}
div.vcs { background: #ffffff; width: 100%;  float: left;}
#nav-scroll-bar-vcsd h2 { font-size: 14pt !important; }
#nav-scroll-bar-vcsd ul li { display: inline-block; padding: 1px 5px !important; line-height: 56px;  cursor: pointer;  margin-left: -9px;
}
}
@media only screen and (max-width: 450px)  {
p.bnt-width { width: 180px !important; margin-left: 24% !important;}
}
@media only screen and (max-width: 436px)  {
	p.bnt-width { width: 180px !important;  margin-left: 26% !important;}
}

@media only screen and (max-width: 420px)  {
p.bnt-width {   width: 180px !important; margin-left: 24% !important;}
.da-slider{	height: 370px !important;}
}

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

.da-slider{	height: 400px !important;}
ul.screenshot-menu {display:none;}
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100% !important;}
div#scroll-image ul li { display: flex;  align-items: center;  justify-content: center; height: auto !important; }
#subscribe input.textBox { width: 280px !important;}
div#scroll-image div.list-image { height:540px !important;}
}
@media only screen and (max-width: 400px)  {
#nav-scroll-bar-vcsd h2 { font-size: 10pt!important;  font-weight: 400;  margin: 0;  padding: 0;  line-height: 0px;  margin-right: 17px;
    margin-top: 27px;}
#nav-scroll-bar-vcsd ul li {  display: inline-block; padding: 1px 0px; line-height: 60px; cursor: pointer; margin-left: -9px;  font-size: 10pt;}
.da-slider{	height: 400px !important;}
}

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

#subscribe input.textBox { width: 220px !important;}
.bottom-bar li a span {  white-space: nowrap;}
div.stripe_cont h2.vcsd {padding-left: 0px !important;   padding-right: 0px !important; }

}

@media only screen and (max-width: 370px)  {
.fa-6 { font-size: 3em !important;}

p.bnt-width { width: 180px !important; margin-left: 16% !important;}
#nav-scroll-bar-vcsd h2 { font-size: 10pt!important;   font-weight: 400;  margin: 0;  padding: 0;   line-height: 0px;
    margin-right: 17px;  margin-top: 27px;
}
#nav-scroll-bar-vcsd ul li { display: inline-block; padding: 1px 0px; line-height: 60px; cursor: pointer; margin-left: -9px;  font-size: 10pt;
}
}
@media only screen and (max-width: 360px)    {
.da-slider {
    height: 430px !important;
}

}
@media only screen and (max-width: 500px)  {
div.voice-recorder { border: 1px solid #cecece; float: left; height: 350px; width: 100% !important; margin-top: 155px;  margin-right: 20px;}

div.voice-over-editor {width: 100% !important; margin-top: 155px;  margin-right: 20px;}

div.voice-morpher {   width: 100% !important;  margin-top: 155px;  margin-right: 20px; margin-left:0px !important;}
div.file-morpher { width: 100% !important; margin-top: 155px; margin-left:0px !important;}
div.voice-recorder-left {width: 100% !important;  margin-left: 0px !important;}
#nav-scroll-bar-vcsd { height: 110px !important;}

div.vcsg {width: 99% !important; height:100%;}
div.vcs {width: 100% !important;}
div.vcsg_product {width: 99% !important;}
div.vcs_product {width: 99% !important; margin-top:20px;}
}
@media only screen and (max-width: 320px)  {
div.content_vcsd_update {
    float: left;
    width: 99%;
    margin-top: 19px !important;
}
	#subscribe input.textBox {
    width: 210px !important;  height: 47px;
    line-height: 47px; padding: 0px 5px !important; border: solid 1px #0e4561;
    background-color: #062c3f; font-size: 13pt; color: #8ab8c7; font-weight: 300;}
	#subscribe ul li { margin-left: 30px !important;}
   .controller .play-btn {   
    width: 40px !important;
    height: 40px !important;   
}
#nav-scroll-bar-vcsd h2.h2-320 { font-size: 10pt !important; font-weight: 400; margin: 0; padding: 0; line-height: 0px; margin-right: 17px;  margin-top: 27px;
}
#nav-scroll-bar-vcsd ul li {display: inline-block; padding: 0px 1px !important; line-height: 60px;cursor: pointer;  margin-left: -9px; font-size: 10pt;
}
#nav-scroll-bar-vcsd { height: 110px !important;}

}

@media screen and (max-width: 1000px) and (min-width: 900px) {

div.responesive { display:none;}
div.responesive-top{display:block !important;}
 	
#content_wrap {width: 98%;margin: 0 auto; position: relative;}
div.stripe_cont-vcsd #content_wrap { width: 95%; margin: 0 auto; position: relative;}
img.img_reposinve {max-width: 100%; height: auto;}	
div.do_morhp{     width: 47%;
    margin-top: 5px;
    float: left;}
img.img_sample {max-width: 100%;  height: auto;}
div.vcsd-whatnew{background:url(//cdn.audio4fun.com/images/home/vcsd-mpm.jpg); width:100%;}
div.vcsd-whatnew h1 { font-size: 2em;font-weight: 300; margin-bottom: 20px;color: #ffffff; line-height: 120%;  text-align: center;}
p.morhp { color: #ffffff; font-size: 1.5em; line-height: 180%; text-align: center; font-weight: 100;}
p.content-siler {max-width: 100% !important; text-align: center;  margin-left: 35px !important; font-size: 15pt; color:#757575; line-height: 150%; padding-top:10px; font-weight:300;}
div.vcsd-box{float:left; max-width:100%; margin-top:70px;}
p.bnt-width {width: 180px !important;margin-left: 60% !important;}
div.system {border: 1px solid #cecece;    width: 100% !important; float: left; height: 340px; margin-top: 20px !important;  margin-left: 0px !important;}
div.specone { border: 1px solid #cecece; width: 100% !important; float: left;   height: 340px; margin-left:0px !important;}
}

}
@media screen and (max-width: 749px) and (min-width: 650px) {
div.responesive { display:none;}
div.responesive-top{display:block !important;}
div.vcsd-box{float:left; max-width:100% !important; margin-top:70px !important;     width: 100% !important;}
div.do_morhp {width: 100% !important;  margin-top: 5px;  float: none !important;}
p.bnt-width {width: 180px !important;margin-left: 33% !important;}
.stripe_cont {
    padding-top: 50px !important;;
}
}

@media screen and (max-width: 649px) and (min-width: 614px) {
div.responesive { display:none;}
div.responesive-top{display:block !important;}
div.vcsd-box{float:left; max-width:100% !important; margin-top:70px !important;     width: 100% !important;}
div.do_morhp {width: 100% !important;  margin-top: 5px;  float: none !important;}

div.system {border: 1px solid #cecece;    width: 100% !important; float: left; height: 340px; margin-top: 20px !important;  margin-left: 0px !important;}
div.specone { border: 1px solid #cecece; width: 100% !important; float: left;   height: 340px; margin-left:0px !important;}
}

@media screen and (max-width: 613px) and (min-width: 500px) {
div.responesive { display:none;}
div.responesive-top{display:block !important;}
.fa-6 { font-size: 5em !important;}
div.vcsd-box{float:left; max-width:100% !important; margin-top:70px !important;     width: 100% !important;}
div.do_morhp {width: 100% !important;  margin-top: 5px;  float: none !important;}
p.bnt-width {width: 180px !important;margin-left: 30% !important;}
#nav-scroll-bar-vcsd { height: 111px !important; width: 100%; border-bottom: solid 1px #dddddd; position: fixed;  top: 0px;
    background-color: #FFFFFF; z-index: 1000; display: none; opacity: 0.95;}
div.btn-dowloand-top {float:left !important; margin-top:-30px;}
}
@media screen and (max-width: 513px) and (min-width: 320px) {
div.responesive { display:none;}
div.responesive-top{display:block !important;}	
div.vcsd-box{float:left; max-width:100% !important; margin-top:70px !important;     width: 100% !important;}
div.do_morhp {width: 100% !important;  margin-top: 5px;  float: none !important;}
p.btn-width-gold { max-width: 100% !important;}

div.btn-dowloand-top {float:left !important; margin-top:-30px;}

}
@media only screen and (max-width: 780px) { .col:first-child {    margin-left: 0%;}.col { margin: 1% 2% 0% 0%;}.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 49%; height: 100%; }

}
@media only screen and (min-width: 760px) {.da-slider{	height: 290px !important;	} }

@media only screen and (max-width: 411px) {.col:first-child {    margin-left: 0%;}.col { margin: 1% 0 1% 0%;}	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100% !important; height: 100% !important; }.span_1_of_3_small { height:100% !important; }
#nav-scroll-bar-vcsd h2 {
    font-size: 14pt !important;
}
#nav-scroll-bar-vcsd ul li {
    display: inline-block; padding: 1px 4px !important;
    line-height: 60px; cursor: pointer; margin-left: -9px;}

}
@media only screen and (max-width: 500px) {.col:first-child {    margin-left: 0%;}.col { margin: 1% 0 1% 0%;}	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100% !important; height: 100%; }.span_1_of_3_small { height:100% !important; }
}

/* Player responsive */

@media only screen and (max-width: 1280px) {
 div.section_two {top: 9% !important;  left: 44% !important;}
 div.section_three {top: 33% !important;left: 83% !important;}
 div.section_four {top: 66% !important;  left: 44% !important;}
}
 

@media only screen and (max-width: 1025px) {
	 div.section_one { left: 4.6% !important;}
 div.section_two {top: 11% !important;  left: 44% !important;}
 div.section_three {top: 34% !important;left: 83% !important;}
 div.section_four {top: 66% !important;  left: 44% !important;}
}
 
@media only screen and (max-width: 980px) {
    div.stripe_cont h2.vcsd{padding-left: 11% !important;   padding-right: 11% !important;}
    h2.totally { padding-left: 0px !important; padding-right: 0px !important; 
}
 
}
@media only screen and (max-width: 960px) {
div.section_one {top: 31% !important; left: 4% !important;} 
 div.section_two {top: 10% !important;  left: 43% !important;}
 div.section_three {top: 33% !important;left: 82% !important;}
 div.section_four {top: 66% !important;  left: 43% !important;}
}

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

}
 
@media only screen and (max-width: 800px) {
 div.section_one {top: 32% !important; left: 5% !important;}    
 div.section_two {top: 13% !important;  left: 43% !important;}
 div.section_three {top: 34% !important;left: 81% !important;}
 div.section_four {top: 66% !important;  left: 42.5% !important;}
 
}
 
@media only screen and (max-width: 780px) {
 
}
@media only screen and (max-width: 773px) {
 div.section_one {top: 30% !important; left: 2.9% !important;}
 div.section_two { top: 9% !important;left: 41% !important;}
 div.section_three { top: 32% !important; left: 80% !important;}
 div.section_four {top: 64.6% !important; left: 41.5% !important;
}
}
 
@media only screen and (max-width: 768px) {
 div.section_one {top: 30% !important; left: 4.5% !important;}
 div.section_two { top: 11% !important;left: 42% !important;}
 div.section_three { top: 33% !important; left: 80% !important;}
 div.section_four {top: 64.6% !important; left: 42.5% !important;
}
 div.build {
   
   position: absolute;
    top: -2px !important;
   
    width: 62px;
   
    float: right;
    left: calc(100% - 67px)
}
 
}
@media only screen and (max-width: 731px) {
 div.section_one {top: 28% !important; left: 3.5% !important;}
 div.section_two { top: 10% !important;left: 41% !important;}
 div.section_three { top: 31% !important; left: 79% !important;}
 div.section_four {top: 61.6% !important; left: 41.5% !important;
}
}
@media only screen and (max-width: 732px) {
	div.section_four {
    top: 63.6% !important;
    left: 40.5% !important;
}
 
}

 @media only screen and (max-width: 736px) {
 div.section_one {top: 27% !important; left: 2.5% !important;}
 div.section_two { top: 7% !important;left: 40.5% !important;}
 div.section_three { top: 30% !important; left: 80% !important;}
 div.section_four {top: 61.6% !important; left: 40.5% !important;
}
}


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

@media only screen and (max-width: 667px) {
 div.section_one { top: 31% !important; left: 4% !important;}
 div.section_two {top: 10% !important; left: 44% !important;}
 div.section_three {top: 33% !important; left: 82% !important;}
 div.section_four {top: 64.6% !important;  left: 43% !important;}
}
 @media only screen and (max-width: 640px) {

 div.section_one { top: 30% !important; left: 3.6% !important;}
 div.section_two {top: 10% !important; left: 43% !important;}
 div.section_three {top: 33% !important; left: 82% !important;}
 div.section_four {top: 64.6% !important;  left: 43% !important;}
 }
@media only screen and (max-width: 600px) {
  div.section_one { top: 29% !important; left: 3.1% !important;}
 div.section_two {top: 9% !important; left: 42% !important;}
 div.section_three {top: 32% !important; left: 81% !important;}
 div.section_four {top: 63.6% !important;  left: 42% !important;}
  img.person { margin-top: 34%;}
}
 
@media only screen and (max-width: 568px) {
 div.section_one { top: 29% !important;  left: 3% !important;}
 div.section_two { top: 9% !important;  left: 42% !important;}
 div.section_three {top: 32% !important; left: 80.5% !important;}
 div.section_four {top: 63.6% !important; left: 42% !important;}
 }
 
@media only screen and (max-width: 563px) {
 
}
 
@media only screen and (max-width: 549px) {
 
}
 
@media only screen and (max-width: 534px) {
    div.section_one { top: 28% !important;  left: 2.5% !important;}
    div.section_two { top: 8% !important; left: 41.3% !important;}
    div.section_three { top: 30% !important; left: 80.5% !important;}
    div.section_four { top: 61.6% !important; left: 41.5% !important;}  
 
}

 
@media only screen and (max-width: 480px) {
     div.section_one { top: 26% !important;  left: 2% !important;}
div.section_two { top: 6.5% !important;  left: 40.5% !important;}
div.section_three {  top: 29% !important;  left: 79% !important;}
div.section_four {  top: 59.5% !important;  left: 40.5% !important;}
p.bnt-width {
    margin-left: 28% !important;
}
 
}
@media only screen and (max-width: 435px) { 
 
 div.section_one { top: 29% !important;  left: 3% !important;}
div.section_two { top: 10% !important; left: 43% !important;}
div.section_three {  top: 32% !important;  left: 81% !important;}
div.section_four {  top: 63% !important;   left: 42.2% !important;}
}
@media only screen and (max-width: 414px) { 
div.section_one { top: 29% !important;  left: 4% !important;}
div.section_two { top: 10% !important; left: 43% !important;}
div.section_three {  top: 32% !important;  left: 81% !important;}
div.section_four {  top: 61% !important;   left: 42% !important;}


}
@media only screen and (max-width: 384px) { 
div.section_one { top: 28% !important;  left: 3% !important;}
div.section_two { top: 8% !important; left: 41% !important;}
div.section_three {  top: 30% !important;  left: 81% !important;}
div.section_four {  top: 61% !important;   left: 42% !important;}


}
@media only screen and (max-width: 375px) {
 div.section_one { top: 27% !important;  left: 3% !important;}
div.section_two { top: 8% !important;   left: 41.5% !important;}
div.section_three {  top: 31% !important;  left: 80% !important;}
div.section_four {    top: 60% !important;   left: 41.5% !important;}

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

 div.section_one { top: 25% !important;  left: 3% !important;}
div.section_two { top: 8% !important;   left: 41.5% !important;}
div.section_three {  top: 30% !important;  left: 80% !important;}
div.section_four {    top: 59% !important;   left: 41% !important;}
}
  
 
@media only screen and (max-width: 338px) {
 
}
 
@media only screen and (max-width: 330px) {
 
 div.section_one { top: 25% !important;  left: 5% !important;}
 div.section_two { top: 9% !important;  left: 41.5% !important;}
 div.section_three { top: 30% !important;  left: 79% !important;}
 div.section_four {    top: 61% !important;   left: 41.5% !important;}
}
 
@media only screen and (max-width: 320px) {
 
 div.section_one { top: 25% !important;  left: 5% !important;}
 div.section_two { top: 9% !important;  left: 41.5% !important;}
 div.section_three { top: 30% !important;  left: 79% !important;}
 div.section_four {    top: 61% !important;   left: 41.5% !important;}
  img.person { margin-top: 50%  !important;;}
}