@media screen and (min-width: 651px) {
#container[data-columns]::before {content: '3 .column.size-1of3';}
}

/* Under 1024px */
@media only screen and (max-width: 1030px) and (min-width: 821px) {
.bodywidth{width:100%;}
#titlesite{width:100%;}

#menusite{width:100%;}

#content {width:66%;}
#sidebar {width:32%; margin:0 1%;}

#formrecipe{width:96%;float:none; border-right:0px solid #A65E00; border-bottom:1px solid #A65E00;}
#formrules{width:96%; float:none;}

#rules ol {margin:0 0 0 5%;}

#footersite{width:100%;}
#copyright{width:28%; padding-right:2%;}
#partform{width:100%;}
#partreg{width:100%; margin-top:4%;}


}

/* Under 768px */
@media only screen and (max-width: 820px) and (min-width: 651px) {
.bodywidth{width:100%;}

#login{width:100%; text-align: center; height:4em; line-height:4em; padding-left:0;} 
#titlesite{width:100%;}
#titlelogo{width:100%; border-right:0px solid #A65E00;border-bottom:1px solid #A65E00;} 
#titlelogo h2{font-size:2.2em;}
#titledesc{width:100%; text-align:center; padding-left:0; border-left:0px solid #A65E00; border-top:1px solid #A65E00; border-bottom:1px solid #A65E00;} 
#titledesc h2{font-size:1.3em;}
#login {width:100%; text-align:center; height:auto;}



#menusite{width:100%;}
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/web/20220613123542im_/http://www.webvo.ru/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;
    }


#pageheader h2 {margin:0; font-size:1.6em; text-align:center;}
#content {width:auto; float: none;}
#sidebar {width:100%; float: none;}
.widget {width:42%; margin:3% 1%; float:left;}
.widget1 {width:42%; margin:3% 1%; float:left;}
.inputsearch {width:auto; margin:1% auto 6%;} 
/*#searchfield {width:300px;}*/


#formrecipe{width:96%;float:none; border-right:0px solid #A65E00; border-bottom:1px solid #A65E00;}
#formrules{width:96%; float:none;}
.formfield{width:80%;}
.progress-bar progress {width:98%;}

#footersite{width:100%;}
#copyright{width:28%; padding-right:2%;}
#partform{width:100%;}
#partreg{width:100%; margin-top:4%;}

#formgen{width:100%;}
#rulesgen{width:100%; margin-top:4%;}
#rules ol {margin:0 0 0 5%;}

}

/* Under 640px */
@media only screen and (max-width: 650px) and (min-width: 501px) {
body {font-size:1.0em;}
.bodywidth{width:100%;}
#titlesite{width:100%;}
#titlelogo{width:100%;} 
#titlelogo h2{font-size:2.0em;}

#menusite{width:100%;}
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/web/20220613123542im_/http://www.webvo.ru/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;
    }

#pageheader h2 {margin:0; font-size:1.6em; text-align:center;}
#content {width:auto; float: none;}
#container[data-columns]::before {content: '2 .column.size-1of2';}
.formfield{width:98%;}
.progress-bar progress {width:98%;}
#leftform{width:98%; float:none;}
#rightform{width:98%; float:none;}
.selcat{width:100%;}
.selecttype{width:100%;}

.sliderbox{width:50%; margin:0 auto; float:none;}
.buttombox{width:98%; margin:0 auto; float:none; padding-top:2%;}

#sidebar {width:100%; float: none;}
.widget {width:42%; margin:3% 1%; float:left;}
.widget1 {width:42%; margin:3% 1%; float:left;}
.inputsearch {width:auto; margin:1% auto 6%;} 
#searchfield {width:200px;}

#formrecipe{width:96%;float:none; border-right:0px solid #A65E00; border-bottom:1px solid #A65E00;}
#formrules{width:96%; float:none;}

.left{width:100%; padding:0;}
.right{width:100%; padding:0;}
#rules ol {margin:0 0 0 9%;}

#footersite{width:100%;}
#copyright{width:28%; padding-right:2%;}

#td5,#td6{display:none;}
#partform{width:100%;}
#partreg{width:100%; margin-top:4%;}

#formgen{width:100%;}
#rulesgen{width:100%; margin-top:4%;}

}

/* Under 500px */
@media only screen and (max-width: 500px) and (min-width: 5px) {
body {font-size:1.0em;}
.bodywidth{width:100%;}

#titlesite{width:100%;}
#titlelogo{width:100%;} 
#titlelogo h2{font-size:2.0em;}

#menusite{width:100%;}
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/web/20220613123542im_/http://www.webvo.ru/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;
    }

#pageheader h2 {margin:0; font-size:1.4em; text-align:center;}
#content {width:auto; float: none;}

#container[data-columns]::before {content: '2 .column.size-1of2';}
.formfield{width:98%;}
#leftform{width:98%; float:none;}
#rightform{width:98%; float:none;}
.progress-bar progress {width:98%;}
.selcat{width:98%; margin:3% auto;}
.selecttype{width:100%;}

.unit {width:88%; margin:4% auto; float:none;}
.unit img{width:68%; margin:4% auto;}
.btnbox{width:100%; margin:4% 0; display:block;}

.sliderbox{width:60%; margin:0 auto; float:none;}
.buttombox{width:98%; margin:0 auto; float:none; padding-top:2%;}

#sidebar {width:100%; float:none;}
.widget {width:92%; margin:3% 1%;}
.widget1 {width:92%; margin:3% 1%;}
.inputsearch {width:auto; } 
/*#searchfield {width:300px;}*/
.sortlit{width:100%;}

/*.itemshort {width:48%; margin:1%;}
#formrecipe{width:98%;float:none; border-right:0px solid #A65E00; border-bottom:1px solid #A65E00;}
#formrules{width:98%; float:none;}

.inputlen {width:90%;} */
.modtab {width: 100%;text-align: center; margin: 4% 0; }
.modtab1 {width: 100%;text-align: center; margin: 4% 0; }
.modalShareDialog > div {width: 400px; margin: 4% auto;}

select {width:270px;}
/*textarea {width: 250px;}
/*.progress-bar progress {width:300px; height:16px; border-radius:8px;}*/


#footersite{width:100%;}
#copyright {width:100%; margin:0; text-align:center; line-height:2em;}
#footermenu {width:100%; margin:0; text-align:center;}
#footermenu nav li {margin: 0; display:block; line-height:2em; border-bottom:1px solid #FFFFFF;}



#td3,#td4,#td5,#td6,#td7{display:none;}

.r-tabs .r-tabs-nav {display: none;}

.r-tabs .r-tabs-accordion-title {display: block;}
.r-tabs .r-tabs-panel {padding: 15px 5px;}

}
/* Under 330px */
@media only screen and (max-width: 330px) and (min-width: 5px) {
body {font-size:1.0em;}
#titlesite{width:100%;}
#titlelogo{width:100%;} 
#titlelogo h2{font-size:1.2em;}
#searchfield {width:270px;}
.modalDialog > div {width: 80%; margin: 4% auto;}
.modalShareDialog > div {width: 260px; margin: 4% auto;}
.unit {width:98%; margin:4% auto; border-top:1px solid #E4EEF9;}
.unit img{width:100%; margin:0;}
.item {width: 99%; margin:0 auto 2%;}

.sliderbox{width:98%; margin:0 auto; float:none;}
.buttombox{width:98%; margin:0 auto; float:none; padding-top:2%;}

.catalog_g{line-height:50px;}

#container[data-columns]::before {content: '1 .column';}
}

/*
     FILE ARCHIVED ON 12:35:42 Jun 13, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:25:52 Aug 23, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.414
  load_resource: 450.146 (2)
  PetaboxLoader3.resolve: 374.516 (2)
  PetaboxLoader3.datanode: 30.989 (2)
*/
/* Broken image cleanup */
img:not([src]), img[src=""] {
  display:none !important;
}

/* Final broken image cleanup */
img:not([src]), img[src=""] {
  display:none !important;
}