
@media screen and (max-width: 768px)
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input {/*-webkit-appearance: none;*/border-radius: 0;}

    p, .bodytext ul li, .itemstyle ul li {font-size:16px;line-height:19px;}

    h1 {font-size:30px;line-height:30px;margin:15px 0px 15px 0px;     padding-right: 7px;} 
    h2 {font-size:24px;line-height:24px;}
    h3 {font-size:22px;line-height:22px;}  
    h4 {font-size:18px;}
    h5 {font-size:14px;}

    .pagewide h1 {padding-right: 7px;}

    ul, ol {margin:0 0px;}

    .select2-container {
        width: 67% !important;
    }

    .calendarheader .caleninner a {
        padding: 10px 21px;

    }

    .calendar td span, .calendar td p {
        text-align: center;
        font-size: 13px;
        display: block;
        line-height: 11px;
        font-weight: bold;
    }

	.openmenu {display:block}
	.mainmenu li ul, .fakeheader, .accesstitle, .accesskey, .expaccesskeyplace, .breadcrumbs, .imglevel2, .bigimgplace, .mainmenu .dropmenuplace, .accessibilityplace {display:none !important;}
	
	.page {width:100%; margin:0px auto;    padding: 10px;}
	
    .mediaplace {width:100%; padding: 10px; min-height:0; float:none;}
    .mediaplace video {width:100%;margin:20px auto;}
	.indexcontent, .footertext, .content, .leftcolumn, .rightcol, .leftcol, .gallerysplace, .masonryitem, .grid-sizer, .contactbody, input[type="submit"].contactproduct, .pagewide {width:100%;}

	.footerlinksbox, .credits {float:none;text-align:center;}
	
	.containerfeatures, .doclinkimg, .opensearch {margin:0px;}

    .advancedmetrials, .leftcolumn {padding:0;}

	.logo {width:130px;float:left; top: -10px;
    right: 12px;}

    .downloadzone td, .downloadzone th {padding:5px;}

    pre {display:block;width:100%;white-space: normal; }

    .advancedmetrials .explanation, .columns2 .content, .contacttelplace, .contactmailplace, .followplace, .mailinglistplace {margin:0 0 20px 0;width:100%;min-height:10px;border:none;}

    .contacttelplace, .contactmailplace, .followplace, .mailinglistplace {border-bottom:1px solid #666;padding:0 0 20px 0;}

    .contactmailplace a span, .contacttelplace a span {margin:0 auto 10px auto;}

	.leftcolumn > div, .doclinkplace, .content {margin:0px 0px 20px 0px;}

    .content {padding:0 0 10px 0;}
	
    .contacttelplace .subtitle, .contactmailplace .subtitle, .followplace .subtitle, .mailinglistplace .subtitle {margin:0 0 5px 0;}

	.search, .featuresslider {width:100%;padding:0px;margin:10px 0px;}
	    
	.pagewide .regularimage, .regularimage, .slideplace {float: none;width:100% !important;margin: 0px auto 15px auto;}
	
        .openmenu {position:absolute;right:16px;top:27px;width: 32px;height: 32px;background: url(../images/sprite.png) -73px -86px no-repeat;z-index:101;}
    .openlogin {margin: 0 50px 0px 0;}

	.mainmenu {display:none;padding:0px;margin:0px;height:auto;float:none;position:absolute;left:0;top:84px;width:100%;z-index:9999;background: #e2c783; color:#602926;}
	.mainmenu li {float:none;display:block;width:100%;border-bottom:1px solid #666;}
	.mainmenu li a {display:block;font-size:18px;padding:10px 5px;margin:0px;text-align:center;color:#602926;}
	.mainmenu li:hover a, .mainmenu li.this a {background:#6F3431;color:#fff;}
	
	.strip {height:auto;max-height:120px;margin:0px 0 5px 0;    width: 100%;}

    .flexplace {flex: 0 0 100%;}
    .flexbox {flex: 0 0 calc(50% - 1em); }

    .footerlinksplace {margin:0;border:none;padding:0;}
	.footerlinksbox, .footerlinks {width:100%;margin: 0px 0 20px 0;}
	
    .featurefixed {min-height:10px;width:100%;margin:0 0 20px 0;}

	.features, .features.nomargin {border:none;border-bottom:1px solid #ccc;width:100%;margin:0 0 20px 0;padding:0 0 20px 0;min-height:10px;}

    .infoboxes {width:100% !important;max-width:300px !important;float:none;margin:0px auto 15px auto !important;}
	
	.clients, .clients.nomargin {width:31%;height:auto;margin:1.1% !important;padding:10px;}
	.clients span {height:100px;}
	.clients img {max-width:98%;max-height:98%;}
	
	.triplebox, .triplebox.nomargin, .quadruple, .quadruple.nomargin, .doublebox, .doublebox.nomargin 
    {width:100% !important;
     max-width:300px !important;
     float:none;
     margin:0px auto 20px auto !important;/}
	

.page, .pagewide h1, .catalogpageslists  {width:100%;}

	.accessibilityplace {left:auto;right:50px;top: 10px;}
	.accessibilityplace .accessicon {background:none !important;padding:0px;-webkit-border-radius:0 ;-moz-border-radius: 0 ;border-radius: 0 ;}
	.accessibilityplace .accessicon .icon {margin:0px;background:#fff url(../images/sprite.png) -42px -88px no-repeat;}
	.accessibilityplace .accessibility {width: 96%;left:auto;right: 0%;top: 30px;padding: 15px 15px;-webkit-border-radius: 0;-moz-border-radius: 0 ;border-radius: 0 ;}

	.alternativesite body {margin-top:50px;}

    .contactform .title {width:30%;line-height: 21px;}
    .contactform select, .contactform input {width: 67%;}

    object, iframe {width:100%;max-height:250px;}


    .listview img {width:100px;}

    .listview {    float: right;
    padding-right: 26px; width:100%;}
    .downloadzone .file {width: 70px;}

    .listview h2 {    font-size: 40px;
    line-height: 25px;}

        .listview h3 {    line-height:15px; font-size: 30px;}

 .listview div {padding-bottom:5px; font-size:25px}



    .btnsplace input[type="submit"] {width: 100%;margin: 0 0px 10px 0;float: none;}

    .popupcontent {width:100%;top:0;left:0;margin:0;}
    .popupcontact {padding:5px;}
    .contactside h3, .sliderhome .caption h2, .search .title, .search input[type="submit"], .login h3, .welcome span, .login a, .forgotpass input[type="submit"], .welcome input[type="submit"], .welcome input[type="submit"]:hover, input[type="submit"].contactproduct, .doublebox h2, .triplebox h2, .contactform h3 {font-size:20px;margin:0 0 10px 0;font-weight: 500;    text-align: center;}
    .contactside p, .columns2 .content p, .whiteplace p, .indexcontent p, .advancedmetrials .explanation p {margin: 0 0 10px 0;line-height:19px;font-size:16px;}
    .popupcontent .close {top:0;right:0;}

    .sliderhome .caption {bottom:30px;}

    .prabstract {    font-size: 20px;line-height: 26px;}

    .mapword {zoom: .9;}
    .slick-prev, .slick-next {zoom:.5}

    
.filter { float:none; margin-bottom:40px;}

    .filter input {    width: 100%;
    height: 50px;
    font-size: 30px; color:#582220}


    #formaddclassbtn {
    width: 100%;
    margin: 1px 5px 20px 0px;

}

    .bannerplace {
    background: #733734;
    padding: 1px 0;
}

    .indexcontent h2, .whiteplace .title, .advancedmetrials .explanation h3, .newshomeplace .title, .columns2 .content .title, .footer .maintitle {width:100%;margin:0 0 10px 0;font-size:38px;line-height:38px;float:none;}
    .indexcontent .page, .whiteplace .page, .columns2 .page, .newshomeplace, .advancedmetrials .page, .footer .page, .columns .page, .login.page, .forgotpass.page {width:96%;margin:0 auto;}
    
    .indexcontent img {width:100%; height:100% }

    .featuresslider .slide {border:none;}
    .featuresslider .slide .imgplace img {max-width: 200px;}

    .whiteplace a.whitebtn, .columns2 .content .whitebtn, .newshomeplace a.whitebtn, .advancedmetrials .explanation a {float:none;margin:10px auto;width:100%;text-align:center;}

    .featuresslider .slick-prev, .featuresslider .slick-prev:hover, .featuresslider .slick-prev:focus {left:0;}
    .featuresslider .slick-next, .featuresslider .slick-next:hover, .featuresslider .slick-next:focus {right:0;}

    .credits p {font-size:14px;line-height:16px;}

    .redplace, .redplace2 {top: 54px;padding:10px;}

    .search input[type="text"] {width:100%;margin:0 0 10px 0;}

    .productlists {width:50%;border:none;border-right:1px solid #ccc;min-height: 250px;    padding: 0 10px 10px 10px;}
    .productlists h3 {font-size:18px;line-height:19px;}
    .productlists .imgplace {height: 150px;}
    .productlists img {max-height:150px;}
    .productlists.nomargin, .productlists:last-of-type {border:none;}

    .clearline {    margin: 20px 0px;}

    .clients .imgplace {height:auto;width:100%;}

    .contactform {position:static;width:100%;}
    .iconplace div {width: 50%;}

    table.dataTable>tbody>tr.child, table.dataTable>tbody>tr.child td {padding:0 !important;}
    table.dataTable>tbody>tr.child ul.dtr-details {width:100%;}
    table.dataTable>tbody>tr.child ul.dtr-details li:first-child {    padding: 0.5em 0 !important;}
    table.dataTable>tbody>tr.child span.dtr-title {display:block !important;}
    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {line-height: 9px !important;}

    #heb_date {
    font-size: 11px;

    }

    #perek_name {
        font-size: 15px;
    }


    .sliderhome {
        width: 100%;
        display: inline-block;
        margin-top: 60px;
    }

   
.mainscreen {padding:10px;}

}


@media screen and (max-width: 320px) {
    .listview img {width:100px;}

    .listview {    float: right;
    padding-right: 26px; width:100%;}
    .downloadzone .file {width: 70px;}

    .listview h2 {    font-size: 35px;
    line-height: 25px;}

        .listview h3 {    line-height:25px; font-size: 25px;}

 .listview div {padding-bottom:5px; font-size:20px}


 .select2-container{
         width: 65% !important;
 }

.contactform select, .contactform input {width: 65%}

}

@media screen and (min-width: 769px) and (max-width: 1300px) 
{
    .imglevel2, .bigimgplace  { display:none !important}
    .page {width:100%;}
    .mainmenu li a {padding:40px 8px 20px 8px;font-size: 15px;font-weight:500;}
    .mainmenu .dropmenuplace .abstract {width: 48%;}
    .indexcontent, .whiteplace, .columns2, .advancedmetrials, .footer, .breadcrumbs, .content {padding: 1%;}
    .indexcontent p, .advancedmetrials .explanation p, .columns2 .content, .newshome {font-size: 19px;line-height: 24px;}
    .featurefixed {min-height: 400px;}
    .columns {background: #f5f4f4 url(../images/bg.png) -550px center repeat-y;}
    .content {width: 100%;margin: 0;}
    .leftcolumn {width: 254px;}
    .advancedmetrials .explanation {width: 300px;margin: 0 10px 0 0;}
    .features h2, .newshome .date, .featuresslider .slide h2 {font-size: 20px;line-height: 20px;}
    .features {width: 16.6%;padding: 20px 10px 0 10px;}
    .columns2 .content {width: 76%;font-size: 19px;line-height: 21px;margin: 0 40px 0 0;}
    .mapword {    zoom: .9;}
    .columns2 .leftcolumn {width: 19.8%;}
    .newshomeplace .title, .columns2 .content .title, .advancedmetrials .explanation h3, .footer .maintitle, .whiteplace .title, h1 {font-size: 38px;line-height: 38px;}
    .featuresslider .slide .imgplace {height: 160px;}
    .featuresslider .slide .imgplace img {max-width: 160px;}
    .productlists h3 {font-size: 16px;}
    .breadcrumbs, .breadcrumbs a {font-size: 13px;}
    a.become {width: 220px;font-size: 16px;    top: -13px;}
    .logo {padding: 73px 10px 25px 10px;width: 150px;}
    .contactform {width: 240px;}
    .contactbody{width: 710px;}

        .select2-container {
        width: 67% !important;
    }


}
 
@media screen and (min-width: 768px) and (max-width: 1000px) 
{
    .page {width:100%;}
  
}

@media screen and (min-height: 600px) and (max-height: 768px) {


}

@media screen and (min-height: 900px) and (max-height: 1030px) {
     .moviecontent img {width:auto;height: 100%;}
}

