﻿/* media quieries - for the Nav start */

@media only screen and (max-width: 1330px) {
    .main_header_patrona_logo {
    position:relative;
    left:0px;
    top:-10px;
}
}

@media only screen and (min-width: 1015px) {

    .nav_popup {
        visibility:hidden;
        display:none;
    }
}



@media only screen and (max-width: 1020px) {

    .main_content_container_product {
        display:block;
        max-width:100%;
    }

    .product_page_right {
        float:left;
        display:block;
        max-width:100%;
        box-sizing:border-box;
        margin-top:20px;
    }

    .box_content_product_page p {
        box-sizing:border-box;
        width:100%;
    }

    .box_content_product_page {
        box-sizing:border-box;
        width:100%;
    }
}


@media only screen and (max-width: 1000px) {
    .nav_burger {
        display: inline-block;
        visibility: visible;
    }

    .nav_popup {
        left: 730px;
    }

    #nav12, #main_nav1_nav12 {
        display: none;
        visibility: hidden;
    }

    #nav12_mob, #main_nav1_nav12_mob {
        display: block;
        visibility: visible;
    }

    #nav11, #main_nav1_nav11 {
        border-right: none;
    }
}

@media only screen and (max-width: 950px) {

    .nav_popup {
        left: 670px;
    }

    #nav11, #main_nav1_nav11 {
        display: none;
        visibility: hidden;
    }

    #nav11_mob, #main_nav1_nav11_mob {
        display: block;
        visibility: visible;
    }

    #nav10, #main_nav1_nav10 {
        border-right: none;
    }
}

@media only screen and (max-width: 880px) {

    .nav_popup {
        left: 595px;
    }

    #nav10, #main_nav1_nav10 {
        display: none;
        visibility: hidden;
    }

    #nav10_mob, #main_nav1_nav10_mob {
        display: block;
        visibility: visible;
    }

    #nav8, #main_nav1_nav8 {
        border-right: none;
    }
}

@media only screen and (max-width: 800px) {

    .nav_popup {
        left: 500px;
    }

    #nav9, #main_nav1_nav9 {
        display: none;
        visibility: hidden;
    }

    #nav9_mob, #main_nav1_nav9_mob {
        display: block;
        visibility: visible;
    }

    #nav8, #main_nav1_nav8 {
        border-right: none;
    }
}

@media only screen and (max-width: 750px) {


             #nav8, #main_nav1_nav8 {
        display:none;
        visibility:hidden;
    }

        #nav8_mob, #main_nav1_nav8_mob {
        display:block;
        visibility:visible;

    }

    #nav7, #main_nav1_nav7 {
        border-right:none;
    }

    .nav_popup {
        left: 420px;
    }

}


@media only screen and (max-width: 630px) {

        
     #nav7, #main_nav1_nav7 {
        display:none;
        visibility:hidden;
    }

        #nav7_mob, #main_nav1_nav7_mob {
        display:block;
        visibility:visible;

    }

    #nav6, #main_nav1_nav6 {
        border-right:none;
    }

    .nav_popup {

    left:340px;

}

}




@media only screen and (max-width: 580px) {


     #nav6, #main_nav1_nav6 {
        display:none;
        visibility:hidden;
    }

        #nav6_mob, #main_nav1_nav6_mob {
        display:block;
        visibility:visible;

    }

    #nav5, #main_nav1_nav5 {
        border-right:none;
    }

    .nav_popup {

    left:250px;

}

}

@media only screen and (max-width: 400px) {
    #nav5, #main_nav1_nav5 {
        display: none;
        visibility: hidden;
    }

    #nav5_mob, #main_nav1_nav5_mob {
        display: block;
        visibility: visible;
    }

    #nav9, #main_nav1_nav9 {
        border-right: none;
    }

    .nav_popup {
        left: 320px;
    }
}

@media only screen and (max-width: 360px) {
    #nav4, #main_nav1_nav4 {
        display: none;
        visibility: hidden;
    }

    #nav4_mob, #main_nav1_nav4_mob {
        display: block;
        visibility: visible;
    }



    .nav_popup {
        left: 210px;
    }
}



@media only screen and (max-width: 320px) {


    #nav3, #main_nav1_nav3 {
        border-right: none;
    }

    .nav_popup {
        left: 290px;
    }
}


@media only screen and (max-width: 615px) {

    .download_headings {
        font-size:14px;
        width:30%;
        
    }

    .download_link_container
{
	
	position:relative;
	margin:0px 9px 9px 9px;
	padding:0px 0px 0px 0px;
	height:auto;
	width:20%;

	

}
}


@media only screen and (max-width: 600px) {

    .hp_rounded_box_left
{
	
    width:100%;
    display:block;
    float:none;
    max-width:100%;
    box-sizing:border-box;
   
}

        .hp_rounded_box_right
{
	
    width:100%;
    display:block;
    float:none;
    box-sizing:border-box;
   
}


}















@media only screen and (max-width: 485px) {


    .main_slider_container {
        display:none;
        visibility:hidden;
    }

    .hp_left_text_container
{
	
	margin:15px 0px 0px 0px;
	
}

    .main_content_container
{
	margin:15px 0px 0px 0px;
}

    .xmas_banner2 {
        padding: 30px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
}

@media only screen and (max-width: 400px) {
    .download_link_container p {
        padding:11px 0px 0px 0px;
    }

    .download_link_container {
        background-color:#fff;
    }
}



@media only screen and (max-width: 360px) {
     #nav3, #main_nav1_nav3 {
        display:none;
        visibility:hidden;
    }

        #nav3_mob, #main_nav1_nav3_mob {
        display:block;
        visibility:visible;

    }

    .nav2 {
        border-right:none;
    }

   .nav_popup {

    left:47px;

    }
}

@media only screen and (max-width: 250px) {
     #nav2, #main_nav1_nav2 {
        display:none;
        visibility:hidden;
    }

             #nav2_mob, #main_nav1_nav2_mob {
        display:block;
        visibility:visible;

    }

    #nav1, #main_nav1_nav1 {
        border-right:none;
    }

       .nav_popup {

    left:67px;

    }
}

@media only screen and (max-width: 200px) {
     #nav1, #main_nav1_nav1 {
        display:none;
        visibility:hidden;
    }

             #nav1_mob, #main_nav1_nav1_mob {
        display:block;
        visibility:visible;

    }

   .nav_popup {

    left:10px;

    }

}

/* media quieries - for the Nav end */


@media only screen and (max-width: 710px) {


    .about_left_box
{
    width:100%;
    max-width:100%;
    height:auto;
    margin:0px 10px 20px 0px;
    display:block;
    padding:0px 0px 0px 0px;
    border-right:none;
}

    .xmas_hide {
        display:none;
    }

    .xmas_show {
        display:block;
    }

}



@media only screen and (max-width: 870px) {


        .feedback_pos {
        float:none;
        display:block;
        margin:0px 0px 20px 0px;
        width:100%;
        background-size:contain;
    }

    .feedback_neg {
        float:none;
        display:block;
        margin:0px 0px 20px 0px;
       width:100%;
       background-size:contain;
    }

}


@media only screen and (max-width: 410px) {


    .partners_page {
        text-align:center;
    }


    .partners_page p {
        text-align:center;
    }

    .parners_logo_container {
        float:unset;
    }


    .partners_img {
        left:0px;
    }

    .hp_img_style {
        position: relative;
        display: block;
        clear:both;
        float: none;
        margin-left: 30px;
        margin-bottom: 30px;
        border: solid 1px #0066a4;
    }


}