@media only screen and (min-width: 1025px) and (max-width: 1260px) {
.caption p									{ font-size:30px; line-height:28px; padding-bottom:8px;}
.caption span								{ font-size: 16px;}

}

@media only screen and (max-width: 1024px) {
.container.contentborder 					{ width:95%; margin:0 auto; text-align:center;}
.contentborder								{ width:100%; margin:0 auto; text-align:center; }	
.leftvideo									{ text-align:center;}	
.caption p									{ font-size:30px; line-height:28px; padding-bottom:8px;}
.caption span								{ font-size: 16px;}
	


}


/* Smaller than standard 960 (devices and browsers) */	
@media only screen and (max-width: 1000px) {	
.wrapper																	{ width:100%; margin:0 auto;}
.innerwrap																	{ margin:0 auto !important;}
.logo																		{ float:none;}	
.container																	{ width:98%; margin:0 auto; }
.main_content .container													{ width:98%; margin:0 auto; }
.toggleMenu																	{ z-index:999;}			
.contentborder																{ width:100%; margin:0 auto;}		
.leftvideo 																	{ width:100%; }
.rightvideo																	{ float:left; width:100%; margin:0 auto; text-align:center;   }
.rightvideo img																{ padding-top:15px;}
.special																	{ width:100%;}
.formright																	{ float:left;}	
.form input[type="text"],.form input[type="email"]							{ width:95%;}
.form input.empresa															{ width:95%;}	
.form input.asunto															{ width:90%;}
#header .container ul li:last-child											{ margin-left:0px;}			
.callbacks .caption															{ display:none;}
.price																		{ width:90%; text-align:center; margin:0 auto;}		
.special h4																	{ width:35%; padding-top:0px; font-size:15px;}

    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.content																	{ float:left; width:30%; text-align:center;}
.content-leftimg															{ margin-top:12%; padding:0px 15px 0px 15px; width:32%;}
.content-left																{ float:none; margin:0 auto; text-align:center;}
.content-left ul li a img														{ float:none;}	
.content-right																{ text-align:center;}
.content-rightulli ul li p														{ text-align:left;}	
.content-rightulli ul li span													{ text-align:left;}	
.contentend .container														{ width:87%; margin:0 auto; text-align:center;}	
.content-price .container													{ width:81%; margin:0 auto; text-align:center; }
.price ul li																	{ padding-right:20px;}	
.form																		{ text-align: center; width: 77%; margin:0 auto;}
#header .container ul li														{ background:#0082ac; width: 100%; padding-left:0px; padding-right:0px;}
#header .container ul li:hover													{ background:#0082ac; width: 100%; padding-left:0px; padding-right:0px;}
#header .container ul li span.option											{ background:none;}
#header .container ul li span.option:hover										{ background:none;}
#header .container ul li span.info												{ clear:left; display:block;}	
#header .container ul li.active												{ background:#0082ac;  width:100%; padding-left:0px; padding-right:0px;}
#header .container ul li span.optionb											{ background:#0082ac; width:100%; padding-left:0px; padding-right:0px;}
#header .container ul li span.optionb:hover									{ background:none;}
#header .container ul li:last-child											{ display:none;width:100%; background:#0082ac; padding-left:0px;}
.rapido																		{ margin-bottom:50px; padding-left:0px;}
.rapido:hover																{ padding-left:0px !important;  }	
.price ul li																	{ padding-right:11px; width:31%;}	
.price ul li span.ullibottomborder												{ width:100%;}
.price ul li span																{ font-size:17px;}
.price ul li label																{ line-height:15px;}
.contentend .container .last													{ margin-left:150px !important;}
.special h4 a																{ font-size:14px;}
.formleft																	{ text-align:left;}
.formright																	{ text-align:left;}
.callbacks .capinner														{ display:none;}

.allbutton																	{ width:100%;}
.resp-vtabs li.resp-tab-active												{ padding: 31px 0 32px !important;}				
.registerform ul li a.reset													{ line-height: 60px;}
.tabulliiner a img															{ display:none;}

/** Configuracion piscinas */
.container.confpack ul li.center{
    /*padding-left: 24px;*/
}

}


@media screen and (max-width: 959px) {
	
.resp-vtabs li.resp-tab-active { width:100%;}
	
}
@media only screen and (max-width: 906px) {
       .container.confpack ul li.center {
            padding: 42px 42px 42px 37px;
       }
}
@media screen and (max-width: 768px) {
	
.tabulliiner span						{ margin:0px;}


.cell40 select {
    width: 88px;
}
.container.confpack input[type='text'] {
    width: 120px;
    padding: 1px 3px;
}


}	

.left_continnertab ul.resp-tabs-list { display:block;}
.left_continnertab , .right_continnertab { width:100%; }
.submit_wrap { padding-left:0;}




@media screen and (max-width: 767px) {
	.confirmation ul li a img { margin-right:10px;}
	.verifyform h5 { margin:0 10;}
	
	.sbmtleft , .sbmtright { width:45%; margin:0 0 15px;}
/*	h2.resp-tab-active { display:block !important;}
	h2.resp-accordion { display:none;}
	h2.resp-accordion:first-child { display:block !important}*/
	.submit_wrap { padding:0;}
	.confirmation a.field_icon { }
	.confirmation ul li span   { margin-left:53px; padding:3px 0 0 0; word-break:break-all;}
	.confirmation a img { width:40px; height:40px;}

.wrapper																	{ width:100%; margin:0 auto;}
.container																	{ width:98%; margin:0 auto; }	
.callbacks.caption															{ width:100%; }						
.main-top-content															{ width:100%;}
.border-bottom																{ width:100%;}	
.rightvideo img																{ width:100%;}
.content-leftimg															{ padding-left:15px;} 
.formleft																	{ width:98%;}
.formright																	{ width:98%;}
.form input[type="text"],.form input[type="email"]							{ width:100%;}
.emp																		{ width:45%;}			
.asu																		{ width:50%;}																	
.callbacks .caption															{ width:100%;}
#header .container ul li														{ padding:9px 0px;}
.formright textarea															{ width:100%;}
.special																	{ background:none;}		
.special h4																	{ background:#e3e6e7; width:100%; padding:10px 0px;}
.star																		{ width:97.5%;}	
span.star-img																{ display:none;}
.price																		{ width:67%;}
.price ul li																	{ padding-right:0px; padding-bottom:20px; width:100%;}	
.form label																	{ float:left;}
.contentend .container														{ width:56%;}

.contentend.contentend-resenas .container														{ width:calc(100% - 30px);}

.content-right																{ margin:0 auto; width:44%; text-align:center; float:none; padding-top:20px;}
#header .container ul li														{ background:#0082ac; width:100%;}
#header .container ul li:hover													{ background:#0082ac; width:100%;}
#header .container ul li span.option											{ background:none;}
#header .container ul li span.option:hover										{ background:none;}
#header .container ul li span.info												{ clear:left; display:block;}	
#header .container ul li.active												{ background:#0082ac;  width:100%;  padding-left:0px;}
#header .container ul li span.optionb											{ background:#0082ac; width:80%; padding:0px;}
#header .container ul li span.optionb:hover									{ background:none;}
#header .container ul li:last-child											{ width:100%; background:#0082ac; padding-left:0px;}
.rapido																		{ margin-bottom:50px;}	
.content-leftimg															{ padding-bottom:20px;}	
.content-left ul li span														{ margin-left:13px;}
.content 																	{ float: none; margin: 0 auto; text-align: center; width: 69%;}
.content-leftimg															{ margin:0 auto; width:91%;}
.contentend .container .last													{ margin:0px !important;}


.registerform																{ width:85%; padding: 26px 48px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.confirmation																{ padding:20px 2%; width:90%;}
.completedata																{ width:94%;}
.confirmationinner3															{ width:92%;}
.inptxt input.three															{ margin:10px 0 0 0;}
.registerform ul li select													{ margin:0 0 10px 0;}
.sbmtright																	{ margin:0px;}				
.inptxt input.txwo															{ margin:0 0 10px 0; padding: 13px 57px 13px 72px; box-sizing: border-box; max-width: inherit;}
.inptxt input.three															{ margin:0 0 10px 0; padding: 13px 56px 13px 18px; box-sizing: border-box; max-width: inherit;}
.registerform ul li span													{ margin-bottom:7px; display:block;}
.registerform label															{ width:90%;}																
.registerform ul li															{ width: 100%;}
.inptxt input.tx															{ box-sizing: border-box; max-width: inherit; }
.registerform ul li select													{ box-sizing: border-box; max-width: inherit; width:100%;}
.rdresp																		{ width:100%;}		
.registerform ul li a.reset													{ line-height:60px; font-size:12px;}
.sbmtleft																	{ margin-left:0%;}	
.sbmtright																	{ margin-right:0; }	
.inptxt input.tx	, .inptxt input[type="text"]	
, .inptxt input[type="number"]	
, .inptxt input[type="email"]												{ width:100%;   -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.resp-vtabs .resp-tab-content 												{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.inptxt input.txwo															{ width:100%;}
.inptxt input.three															{ width:100%;}
.inptxt input.five															{ }
.inptxt input.four															{  margin:0 0 10px 0;}
.registatepara h5															{ margin:0 10px;}

.inptxt input.five { }
.tabulliiner span { padding:0;}
.sbmtright input.serach_img													{margin-right:0px;}
}

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

.inptxt input.four {
    margin: 0 0 10px;
    width:100%; box-sizing: border-box; max-width: inherit;
}

.inptxt input.five {
   width:100%; box-sizing: border-box; max-width: inherit;}


.contentend.contentend-resenas > .container > ul.resenas > li {
    width: calc(100% - 30px);
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
		.sbmtleft , .sbmtright { width:100%; margin:0 0 15px; float:none; text-align:center;}
		.sbmtleft input.serach_img  { float:none; margin:0 auto; }
		.sbmtright input.serach_img { float:none; margin:0 auto; }
		
		
.wrapper																	{ width:100%; margin:0 auto;}
.container																	{ width:91%; margin:0 auto;}
.content-leftimg															{ padding-left:0px; width:100%;}
.content-leftimg img															{ width:85%;}
.star																		{ width:96%;}	
.border-bottom-one															{ width:100%;}	
.main-top-content-one														{ width:100%;}
.form input[type="text"],.form input[type="email"]							{ width:98%;}
.formright textarea															{ width:98%;}
.content-rightulli															{ padding-top:30px}			
.rapido,.rapido:hover														{ width:98%; margin-right:0px;}	
.content-leftimg															{ margin: 0 auto;  padding-left: 10px; text-align: center; width: 85%;}
.price ul li																	{ padding-right:0px;}		
.special img																	{ display:none;}
.price																		{ width:85%;}
.rapido h3																	{ width:100%;}	
.contentend .container														{ width:82%;}
.content-price .container													{ width:93%;}
.content-right																{ width:74%;}	
#header .container ul li														{ background:#0082ac; width: 100%;}
#header .container ul li:hover													{ background:#0082ac; width: 100%;}
#header .container ul li span.option											{ background:none;}
#header .container ul li span.option:hover										{ background:none;}
#header .container ul li span.info												{ clear:left; display:block;}	
#header .container ul li.active												{ background:#0082ac;  width:100%;}
#header .container ul li span.optionb											{ background:#0082ac; width:80%;}
#header .container ul li span.optionb:hover									{ background:none;}
#header .container ul li:last-child											{ width:96.7%; background:#0082ac; padding-left:10px;}
.content-leftimg															{ padding-bottom:20px;}	
.main-top-content span.firsttext												{ font-size:12px;}
.content-left ul li p															{ text-align:left;}	
.content-left ul li span														{ text-align:left;}		
.border-top-one																{ margin-top:76px;}



.registerform																{ width:90%;  padding:26px;}
.registerform ul li															{ width:100%;}
.inptxt input.tx															{ width:100%;}
.confirmation																{ width:96%; padding: 38px 0 26px;}	
.confirmation ul li															{  padding:0 10px 10px;}
.confirmation ul li a img													{ }
.strcompany ul																{ width:100%;}	
.strcompany ul li:first-child												{ padding:0px;}
.strcompany ul li:last-child												{ padding:0px;}
.confirmationinner3															{ width: 85%;}
.completedata																{ width: 87%;}
.inptxt input.three															{ padding: 13px 47px 13px 28px; margin:0 0 10px 0;}
.redclose																	{ padding:24px 0 28px;}	
.redclose h5																{ padding:0; width:100%; margin:0 auto; }	
.redclose a img																{display: block; text-align:center; margin:0 auto; float:none;}
.allbutton																	{ width:54%;}

.registerform ul li a.reset													{ line-height:25px;}
.registerform label															{ width:90%;}	
.registerform ul li select													{ width:100%;}
.inptxt input.txwo															{ margin:0 0 10px 0; padding: 13px 20px 13px 72px; box-sizing: border-box; max-width: inherit;}
.inptxt input.three															{ padding: 13px 10px 13px 28px;  width:100%; box-sizing: border-box; max-width: inherit;}
.rdresp																		{ width:100%;}	
.registerform ul li .btn													{ float:right;}		
.sbmtright																	{ }
.inptxt input.four															{ width:100%; box-sizing: border-box; max-width: inherit;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.inptxt input.five															{ width:100%; box-sizing: border-box; max-width: inherit;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}	
.inptxt input.tx															{  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}						



}
@media screen and (max-width: 405px) {
    
.cell40 {
    text-align: center;
}
.cell40 select {
    width: 73px;
    margin-left: 0 !important;
}
.container.confpack .marginL-8 {
	margin-left: 0;
}
.container.confpack input[type='text'] {
    width: 97px;
    padding: 1px 3px;
}
.container.confpack tr td {
	padding: 12px 5px 14px 5px;
}
.container.confpack table .cell20 span {
	padding: 3px 6px;
}

.container.confpack .header .icon{
    width: 100%;
    font-size: 2em;        
}

.container.confpack ul li.center{
    padding: 10px 17px;
    
}

.container.confpack .precios{
    width: 96%;
    margin-bottom: 8px;
}

.container.confpack .submit{
    width: 100%;
}

.container.confpack .enviar{
    display: block;
    margin: 0 auto;
    width: 100%;
}

.container.confpack ul.sub li.marginR-40{
    margin-bottom: 8px;
}

.container.confpack .info{display:none;}
    
}

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

.inptxt input.four						{ width:100%; box-sizing: border-box; max-width: inherit;}
.inptxt input.five						{ width:100%; box-sizing: border-box; max-width: inherit;}	
}