/* NOTE - WHEN UPDATING THE CSS, PLEASE UPDATE THE MASTRPAGE.MASTER FILE TOO. THIS IS TO ENSURE USERS GET THE LATEST VERSION OF THE CSS.
    Update 31.4 - 11 Oct 2024   - Updated dynamic col properties. Removed float as this is assigned on mg-main2.css.
                                - Improved user perception of scrollable areas on smaller screens.
                - 24 Jul 2024   - Removed zoom in/out size increase.
    Update 30.9 - 17 Mar 2023   - Added scroll_fix class to LIs with Tables.
    Update 29.6 - 10 May 2021   - Extended nm classes for left & right.
    Update 28.7 - 16 Nov 2020   - Removed old styles.
    Update 28.2 - 16 Mar 2020   - Extended mobile responsive columns classes.
    Update 27.4 - 28 May 2019   - Removed old Report classes.
    Update 26.8 - 16 May 2018   - Adjusted popup width.
    Update 26.1 - 15 Aug 2017   - Adjusted popup left col.
    Update 25.2 - 03 May 2017   - Added responsive layout for site offline message.
    Update 23.0 - 10 Feb 2016   - Adjusting for full mobile responsiveness.    
    Update 22.5 - 16 Oct 2015   - Added no_header .content to remove top margin.
    Update 21.2 - 25 Sep 2015   - Removed new related styles.
                - 23 Sep 2015   - Added styles for beneficiary of the month.
    Update 21.1 - 22 Sep 2015   - Adding styles for mobile donate page.
    Update 17.4 - 07 May 2015   - Updating css class names to better suit generic sections.
    Update 17.1 - 16 Apr 2015   - Adding/updating more styles for mobile responsive admin pages.
    Update 16.1 - 18 Mar 2015   - Adding/updating more styles for mobile responsive.
    Update 12.1 - 21 Jan 2015   - Added styles for mobile devices.
   
*/
/*////////////////////////////////////
    LANDSCAPE SPECIFIC STYLES
////////////////////////////////////*/
@media screen and (orientation: landscape)
{
}

/*////////////////////////////////////
    PORTRAIT SPECIFIC STYLES
////////////////////////////////////*/
@media screen and (orientation: portrait)
{
}

/*////////////////////////////////////
    GENERAL MOBILE STYLES
////////////////////////////////////*/
@media screen and (min-width: 280px) and (max-width: 1007px)
{
    
    *
    {
        /*
            Can be used to specify landscape or portrait specific font adjustments.
        */
        -moz-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none;
    }
    .header_wide_scr,
    .header,
    .content,
    .footer
    {
        width: 100%;
        /*Prevent Padding from being added to width*/
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }
    
    .header .logo
    {
        padding: 10px 0px;
        margin-bottom: 0;
    }
        .header .logo IMG
        {
            width: 120px;
        }
        .header .tr_nav
        {
            font-size: 14px;
            padding-top: 5px;
            max-width: 55%;
        }
        .header .tr_nav .social_links
        {
            position: absolute;
            bottom: 5px;
            right: 60px;
            margin-top: 0;
        }
            .header .tr_nav .social_links IMG
            {
                width: 17px;
            }
    .header .main_nav
    {
        font-size: 14px;
    }
        .header .main_nav .btn
        {
            height: 33px;
        }
        .header .main_nav .mobile_menu
        {
            width: 50px;
            height: 50px;
            left: -50px;
            top: 43px;            
        }
    
    .header,
    .footer
    {
        padding: 0 10px;
    }
    /*.header
    {
        box-shadow: 0px 2px 5px #888;
    }*/
    .no_header .content
    {
        margin-top: 0px;
    }
    A
    {
        -webkit-tap-highlight-color:rgba(116,130,191,0.5);
    }
    
    .header_wide_scr
    {
        position: fixed;
        background-color: #FFF;
        z-index: 90;
        top: 0;
    }
        .header .main_nav
        {
            position: fixed;
            top:0;
            right: -50%;
            background-color: #FFF;
            width: 50%;
            height: auto;
            padding-left: 0;
            background-color: #7681BF;
        }
        .header .main_nav .mobile_menu
        {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            
            display: block;            
            background-color: #7681BF;
            position: absolute;
            
            box-shadow: 0px 2px 5px #888;
        }
            .header .main_nav .mobile_menu IMG
            {
                width: 100%;
                /*Prevent Padding from being added to width*/
                -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                -moz-box-sizing: border-box;    /* Firefox, other Gecko */
                box-sizing: border-box;         /* Opera/IE 8+ */
                padding: 5px;
            }
            .header .main_nav .btn
            {
                float: none;
            }
                .header .main_nav .btn A
                {
                    color: #FFF;
                }
                .header .main_nav .btn.home,
		        .header .main_nav .btn.about_us,
		        .header .main_nav .btn.fds,
		        .header .main_nav .btn.charities,
		        .header .main_nav .btn.in_memory,
		        .header .main_nav .btn.help		        
		        {
		            width: auto;
		            margin-right: 0;
		        }
		    
		        .header .main_nav .btn.home A,
		        .header .main_nav .btn.about_us A,
                .header .main_nav .btn.fds A,
                .header .main_nav .btn.charities A,
                .header .main_nav .btn.in_memory A,
                .header .main_nav .btn.help A
                {
                    padding: 6px 20px;
                    height: auto;
                }
                
                .btn.home:HOVER,			
			    .btn.home.selected,
			    .btn.help:HOVER,
                .btn.help.selected{         background-image: none; background-color: #F07A2C; }
            
			    .btn.about_us:HOVER,
			    .btn.about_us.selected{     background-image: none; background-color: #7E99E6; }

			    .btn.fds:HOVER,
			    .btn.fds.selected{          background-image: none; background-color: #28ACE2; }

			    .btn.charities:HOVER,
			    .btn.charities.selected{    background-image: none; background-color: #73CD5C; }

			    .btn.in_memory:HOVER,
			    .btn.in_memory.selected{         background-image: none; background-color: #A56FEE; }

    
	.footer
    {
	    padding-top: 18px;
	    padding-bottom: 18px;
	    font-family: Verdana;
	    font-size: 12.5px; 
    }
    .footer .cols
	{		
		width: 33%;
		min-width: 220px;
		/*Prevent Padding from being added to width*/
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.footer .cols.first
	{
		padding-left: 0px;
	}
	.footer .cols.last
	{
	    padding-top: 10px;
		width: auto;
		clear: both;
	}
	.footer .cookie_footer
    {
	    font-size: 10px;
	    padding: 10px 0 0 0;
    }
    INPUT[type=text],
	INPUT[type=password],
	TEXTAREA	
    {
        width: 100% !important;
        height: auto;
        /*Prevent Padding from being added to width*/
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }
    
    INPUT[type=text].search_thick	
    {
        height: 30px;
    }
    INPUT[type=text].thin	
    {
        height: 20px;
    }
    
    /*---HOME PAGE----------------------------------------------*/
    .home_page_bg
    {
        height: auto;
        background: none;
        border-top: none;
    }
        .home_page_bg .home_page_petals
        {
            background: none;
            padding-top: 0;
        }
	    .home_page_bg .home_page_banner_content
	    {
  		    width: 100%;
  		    height: auto;
  		    overflow: hidden;
  		    background: none;
	    }
	    .home_page_bg .left_side_banner
	    {
	        background-color: #73CD5C;
	        
            width: 100%;
            height: auto;
        }
        .home_page_bg .offline_message
        {
            padding: 30px;
        }
        .home_page_bg .left_text_information {
            width: 100%;
            /*Prevent Padding from being added to width*/
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
        
            padding: 10px 15px 0px 10px;
        }
	    .home_page_bg .right_form {
            width: 100%;
            /*Prevent Padding from being added to width*/
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
            padding: 10px 10px 0px 10px;
        }
            .home_page_bg .search .left_col,
            .home_page_bg .search .right_col
            {
                width: 50%;
                float: left;
            }
            .home_page_bg .right_col INPUT[type=submit]
            {
                margin: 0;
                height: 210px;
                background-position: left -10px;
            }            
            
            .home_page_bg .right_side_banner
            {
                width: 100%;
                margin: 20px 0;
                text-align: center;
            }
            
            .home_page_bg .right_banner_orange,
            .home_page_bg .right_banner_blue
            {
                margin: 0;
                padding: 0 10px;
                float: left;
                width: 50%;
                /*Prevent Padding from being added to width*/
                -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                -moz-box-sizing: border-box;    /* Firefox, other Gecko */
                box-sizing: border-box;         /* Opera/IE 8+ */
            }
            
            .home_page_bg .right_banner_subcontent
            {
                margin: 20px 15px 10px 30px;
                float: left;
                width: auto;
            }
            .BeneficiaryOfTheMonthPage.Edit .botm_article
            {
                margin: 0 0 10px 0;
            }
            .BeneficiaryOfTheMonthPage .botm_article,
            .BeneficiaryOfTheMonthPage .botm_article .article_details
            {
                width: 100%;
                margin-top: 40px;
                /*Prevent Padding from being added to width*/
                -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                -moz-box-sizing: border-box;    /* Firefox, other Gecko */
                box-sizing: border-box;         /* Opera/IE 8+ */
            }
            
    /*---SEARCH RESUTS PAGE----------------------------------------------*/
    .SearchResutsPage .search_resuts_container
	{
		width: 100%;
		/*Prevent Padding from being added to width*/
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
		margin: 10px 0 15px 0;
		float: none;
	}
	    .SearchResutsPage .search_resuts_container .result_details_container .results_details
		{		    
		    float: none;
		}
	    .SearchResutsPage .search_resuts_container TABLE TR.search_result_item .photo_col
		{
		    padding: 5px;		    
		    /*Prevent Padding from being added to width*/
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
		}
		.SearchResutsPage .search_resuts_container TABLE.charities TR.search_result_item .photo_col{width: 40%;}
		
		
	    .SearchResutsPage .search_resuts_container .search_result_item
		{
		    width: 100%;
		}
		
		.SearchResutsPage .search_resuts_container .search_result_item .details
		{
		    width: 100%;
		    /*Prevent Padding from being added to width*/
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
		}
		
	.right_col_form_container
    {
	    width: 100%;
	    margin-top: 0px;
	    margin-bottom: 15px;
    }
    .right_col_form_container .form_row
    {
        width: 230px;
    }
	.right_col_form_container H2
	{
		font-family: Georgia;
		font-weight: bold;
		font-size: 25px;
		color: #979595;
		padding-left: 34px;
	}
	.right_col_form_container .funeral_director_link
	{
	    float: left;
		margin-left: 14px;
	}
	.right_col_form_container .charity_link
	{
	    float: left;
		margin-left: 36px;
	}
	
	/*-----PUBLIC PAGES - Common public page styles--------*/
	.public .container
	{
		width: 100%;
		margin: 20px 0 20px 0;
	}
	.public.with_sub_nav .container
	{
		margin: 0 0 20px 0;
	}
	    .public H1
	    {
	        float: none;
	    }
	    .public P,
	    .public UL
	    {
	        font-size: 17px;
	    }
	    
	    .public H6
	    {
		    font-size: 18px;
	    }
	    
	    .public .form_row .left_col
	    {
	        width: 100%;
	    }
	    .public .form_row .right_col
	    {
	        width: 100%;
	    }
	    .layout_2_col .col_larger
	    {
	        float: none;
	        width: 100%;
	    }
	    .layout_2_col .col_larger.left_padding
	    {
	        padding-left: 0;
	        padding-top: 10px;
	    }
	    	    
	    .layout_2_col_nav .col1,
	    .layout_3_col_nav .col1{ width: 25%;}
	    .layout_2_col_nav .col1 IMG,
	    .layout_3_col_nav .col1 IMG{ width: 100%;}
	    .layout_2_col_nav .col2,
	    .layout_3_col_nav .col2,
	    .layout_3_col_nav .col3{ width: 73%; padding-left: 2%;}
	    
	    .layout_3_col_nav .col3{float : right;}
	    
	    
	    
	    
	    .popup_panel.large .form_row .right_col
	    {
	        width: 100%;
	    }
	    
	/*-----PUBLIC PAGES - Common public page styles--------*/
	
	
	/*---Charities PAGE----------------------------------------------*/
	.CharitiesPage .charity .about P
	{
		font-size: 15px;
		line-height: 20px;
	}
		.CharitiesPage .charity .about H3,
		.CharitiesPage .charity .about A.web_link
		{				
			font-size: 16px;
		}
	/*---Charities PAGE----------------------------------------------*/
	/*---TRIBUTE PAGE----------------------------------------------*/
	.TributePage .colRight
    {
        width: 100%;
	    
		/*Prevent Padding from being added to width*/
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }
    
    .TributePage .tribute .total_donations
    {
        margin-bottom: 0;
    }
    .fd_header
    {
        padding: 40px 10px 10px;
        width: 100%;
        box-sizing: border-box;
    }
        .fd_header .logo
        {
            width: 40%;
        }
        .fd_header .logo IMG
        {
            width: 100%;
        }
        .fd_header .info
        {
            width: 55%;
            margin-left: 5%;
        }
    .TributePage .colLeft,
    .TributePage .colRight
    {
        margin-left: 0px;
        width: 100%;
    }
    
    .TributePage .donations .donation .message
    {
        font-size: 17px;
    }
    /*---TRIBUTE PAGE----------------------------------------------*/
    
    /*---ADMIN PAGE----------------------------------------------*/
    .AdminPage .content
    {
        width: 100%;
        padding-left: 16px;
    }
    .AdminPage .container.full
    {
        padding-left: 0;
    }
    .AdminPage H1
    {
        padding-top: 10px;
    }
    .AdminPage .tile
    {
        width: 48%;
        margin: 1%;
        /*Prevent Padding from being added to width*/
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }
    .AdminPage .tile.double
    {
        width: 98%;
        
    }
    .AdminPage .tile.admin_search_container
    {
        height: auto;
    }
    /*---ADMIN PAGE----------------------------------------------*/
    .Edit .edit_details
    {
        padding: 10px 0;
        min-height: 0;
        margin: 0 0 30px 0;
    }
        .Edit .edit_details .colLeft
        {
            margin-left: 0;
        }
    .UserPage .form_container
    {
        margin-left: 0;
    }
    
    .Edit .edit_details .colLeft
    {
        width: 65%;
    }
    .Edit .edit_details .colLeft
    {
        width: auto;
    }
    .Edit .edit_details .colRight
    {
        width: 166px;
    }
    .colour_picker
    {
        padding-top: 60px;
    }
    .Edit .edit_details .colLeft H2
    {
        width: auto;
        float: none;
    }
    .Edit .edit_details .colLeft .button_container
    {
        float: none;
    }
    .Edit .btn.next_to
    {
        top: -30px;
        left: 0;
    }
    .Edit .email_container .btn.next_to
    {
        top: -80px;
    }
    .Edit .photo
    {
        margin-bottom: 40px;
    }
    
    /*.photo_zoomIn,
	.photo_zoomOut,
	.photo_thumb_zoomIn,
	.photo_thumb_zoomOut
	{
		width: 36px;
		height: 36px;
        border-radius: 20px;
		font-size: 46px;
	}*/
	
    .photo_zoomIn,
	.photo_thumb_zoomIn
	{
	    line-height: 34px;
	}
	.photo_zoomOut,
	.photo_thumb_zoomOut
	{
	    line-height: 27px;
	}
	
    .FuneralDirectorPage .colRight
    {
        margin-left: 50px;
    }
    
    .CharityPage .colLeft
    {
        margin-left: 0;
    }
    
    .ChargePage .form_container
    {
        margin-left: 0;
    }
    .EmailsPage.Edit .email_container
    {
        margin-left: 0;
    }

    .not_found
    {
	    padding: 20px;
    }
    
    .FuneralDirectorPage .funeral_director .colLeft
    {
        margin-bottom: 40px;
    }
    .mobile_hide
    {
        display: none;
    }
    
    .FuneralInformationPage .tribute
    {
        padding: 20px 0;
    }
    
    LI.scroll_fix{
        display: grid !important;
    }
    .scroll_horiz
    {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        box-shadow: inset 7px 0 9px -7px #817F7F, inset -7px 0 9px -7px #817F7F;
    }
        .EmailsPage.Edit .email_container {
            width: 100%;
            margin-right: 0;
            /*Prevent Padding from being added to width*/
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
        }
    
}

/*////////////////////////////////////
    GENERAL MOBILE STYLES
////////////////////////////////////*/
@media screen and (min-width: 320px) and (max-width: 705px)
{
    .donation_form
    {
        width: 100%;
        /*Prevent Padding from being added to width*/
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }
    
    .form_row .left_col,
    .form_row .right_col
    {
        width: 100%;
    }
    .popup_panel .form_row .left_col
    {
        width: 100%;
        padding: 0 0 2px 0;
        text-align: left;
    }

    .Edit .edit_details .colLeft,
    .Edit .edit_details .colRight
    {
        width: 100%;
    }
    
    .colour_picker
    {
        padding-top: 10px;
        float: left;
    }
    
    .CharityPage .colLeft
    {
        padding-right: 0;
    }
}
@media screen and (min-width: 320px) and (max-width: 516px)
{
    .TributePage .photo,
    .TributePage .tribute .total_n_donate
    {
        float: none;
        /*width: 100%;*/
        margin: 0 auto 20px;
    }
    
    .fd_header .logo
    {
        max-width: 350px;
        width: 100%;
    }
    .Edit .fd_header .logo
	{
		padding-bottom: 40px;
	}
    .fd_header .info
    {
        width: 100%;
        margin-left: 0;
    }
    
    .status_list,
    .status_desc
    {
        width: 100%;
    }
    
    
    .status_desc .status_desc_item
    {
        margin-left: 0;
    }
   
    
    .logo.charity IMG
    {
        /*All logos should have their max-width specified*/
        width: 100%;
    }
    .form_row .right_col SELECT,
	.form_row .list_container SELECT
	{
		width: 100%;
		color: #817F7F;
					
		-moz-box-sizing:  border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 320px) and (max-width: 495px)
{
    .admin_search_container .right_section
    {
        margin-left: 128px;
    }
    
}
@media screen and (min-width: 320px) and (max-width: 479px)
{
    .home_page_bg .search .left_col,
    .home_page_bg .search .right_col
    ,
    .home_page_bg .right_banner_orange,
    .home_page_bg .right_banner_blue
    {
        width: 100%;
    }
    
    .AdminPage .tile A.item_add
    {
        font-size: 0px;
    }
}


@media screen and (min-width: 320px) and (max-width: 408px)
{
    .admin_search_container .form_row .left_col
    {
        width: 100%;
        text-align: left;
    }
    .admin_search_container .form_row .right_col
    {
        width: 100%;
    }
    .admin_search_container .right_section
    {
        margin-left: 0;
    }
}
@media screen and (min-width: 320px) and (max-width: 404px)
{
    .funeral_director IMG
    {
        width: 100%;
    }
}
@media screen and (min-width: 320px) and (max-width: 349px)
{
	.right_col_form_container .form_row
	{
	    width: 100%;
	}
	.SearchResutsPage .search_resuts_container .search_result_item .details .collection_status
	{
	    display: none;
	}
}

@media screen and (min-width:280px) and (max-width:1000px)
{
.wrapper{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
}
@media screen and (min-width:280px) and (max-width:479px)
{
    .main.wrapper{/*Dependant on Header Height + margin*/ margin-top: 190px;}
}
@media screen and (min-width:280px)/* and (max-width:479px)*/
{
.size_helper.xs{display:block;}
.hidden-xs{display:none !important;}
.visible-xs{display:block !important;}
.text-xs-left{text-align:left;}
.text-xs-center{text-align:center;}
.text-xs-right{text-align:right;}
.nm-xs{padding:0;}
.nm-xs-left{padding-left:0;}
.nm-xs-right{padding-right:0;}
.m-xs{padding-left: 15px;padding-right: 15px;}
.float-xs-right{ float: right !important;}
.float-xs-left{ float: left !important;}
/*.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11{float:left;}
    .col-xs-12 {
        float: inline-end;
        clear: both;
    }*/

.col-xs-1{width: 8.333333333333332%;}
.col-xs-2{width:16.666666666666664%;}
.col-xs-3{width:25%;}
.col-xs-4{width:33.33333333333333%;}
.col-xs-5{width:41.66666666666667%;}
.col-xs-6{width:50%;}
.col-xs-7{width:58.333333333333336%;}
.col-xs-8{width:66.66666666666666%;}
.col-xs-9{width:75%;}
.col-xs-10{width:83.33333333333334%;}
.col-xs-11{width:91.66666666666666%;}
.col-xs-12{width:100%;}
}
@media screen and (max-width:639px)
{
    .PRE_REGISTER       .status_list .status_item.PRE_REGISTER,
    .REQUEST_REGISTER   .status_list .status_item.REQUEST_REGISTER,
    .REGISTERED         .status_list .status_item.REGISTERED,
    .SENT_FORM_CHARITY  .status_list .status_item.SENT_FORM_CHARITY,
    .RECEIVED_FORM      .status_list .status_item.RECEIVED_FORM,
    .SENT_FORM_HMRC     .status_list .status_item.SENT_FORM_HMRC,
    .AUTHORISED         .status_list .status_item.AUTHORISED,
    .status_list .status_item.selected
    {
        border-right-color: #ABA9AA;
    }
}
@media screen and (min-width:480px) and (max-width:639px)
{
.main.wrapper{/*Dependant on Header Height + margin*/ margin-top: 150px;}
}
@media screen and (min-width:480px)
{
.size_helper.sm{display:block;}
.hidden-sm{display:none !important;}
.visible-sm{display:block !important;}
.text-sm-left{text-align:left;}
.text-sm-center{text-align:center;}
.text-sm-right{text-align:right;}
.nm-sm{padding:0;}
.nm-sm-left{padding-left:0;}
.nm-sm-right{padding-right:0;}
.m-sm{padding-left: 15px;padding-right: 15px;}
.float-sm-right{ float: right !important;}
/*.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11{float:left;}
    .col-sm-12 {
        float: inline-end;
        clear: both;
    }*/

.col-sm-1{width:8.333333333333332%;}
.col-sm-2{width:16.666666666666664%;}
.col-sm-3{width:25%;}
.col-sm-4{width:33.33333333333333%;}
.col-sm-5{width:41.66666666666667%;}
.col-sm-6{width:50%;}
.col-sm-7{width:58.333333333333336%;}
.col-sm-8{width:66.66666666666666%;}
.col-sm-9{width:75%;}
.col-sm-10{width:83.33333333333334%;}
.col-sm-11{width:91.66666666666666%;}
.col-sm-12{width:100%;}
}
@media screen and (min-width:640px) and (max-width:799px)
{
.main.wrapper{/*Dependant on Header Height + margin*/ margin-top: 150px;}
}
@media screen and (min-width:640px)
{
.size_helper.md{display:block;}
.hidden-md{display:none !important;}
.visible-md{display:block !important;}
.text-md-left{text-align:left;}
.text-md-center{text-align:center;}
.text-md-right{text-align:right;}
.nm-md{padding:0;}
.nm-md-left{padding-left:0;}
.nm-md-right{padding-right:0;}
.m-md{padding-left: 15px;padding-right: 15px;}
.float-md-right{ float: right !important;}
/*.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11{float:left;}
.col-md-12 {
        float: inline-end;
        clear: both;
    }*/

.col-md-1{width:8.333333333333332%;}
.col-md-2{width:16.666666666666664%;}
.col-md-3{width:25%;}
.col-md-4{width:33.33333333333333%;}
.col-md-5{width:41.66666666666667%;}
.col-md-6{width:50%;}
.col-md-7{width:58.333333333333336%;}
.col-md-8{width:66.66666666666666%;}
.col-md-9{width:75%;}
.col-md-10{width:83.33333333333334%;}
.col-md-11{width:91.66666666666666%;}
.col-md-12{width:100%;}
}
@media screen and (min-width:800px) and (max-width: 1007px)
{
.main.wrapper{/*Dependant on Header Height + margin*/ margin-top: 100px;}
}
@media screen and (min-width:800px)
{
.size_helper.lg{display:block;}
.hidden-lg{display:none !important;}
.visible-lg{display:block !important;}
.text-lg-left{text-align:left;}
.text-lg-center{text-align:center;}
.text-lg-right{text-align:right;}
.nm-lg{padding:0;}
.nm-lg-left{padding-left:0;}
.nm-lg-right{padding-right:0;}
.m-lg{padding-left: 15px;padding-right: 15px;}
.float-lg-right{ float: right !important;}
/*.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11{float:left;}
.col-lg-12{float:inline-end; clear: both;}*/

.col-lg-1{width: 8.333333333333332%;}
.col-lg-2{width:16.666666666666664%;}
.col-lg-3{width:25%;}
.col-lg-4{width:33.33333333333333%;}
.col-lg-5{width:41.66666666666667%;}
.col-lg-6{width:50%;}
.col-lg-7{width:58.333333333333336%;}
.col-lg-8{width:66.66666666666666%;}
.col-lg-9{width:75%;}
.col-lg-10{width:83.33333333333334%;}
.col-lg-11{width:91.66666666666666%;}
.col-lg-12{width:100%;}
}
@media screen and (min-width:960px)
{
    .hidden-xl{display:none !important;}
    .visible-xl{display:block !important;}
}