/*---------------------------------
        Responsive Grid Media Queries - 1280, 1024, 768, 480
        1280-1024 	- desktop (default grid)
        1024-768 	- tablet landscape
        768-480 	- tablet 
        480-less 	- phone landscape & smaller
-----------------------------------*/

.grid{
    max-width:1200px;
    margin:0px auto;


}

.grid img{
    max-width: 100%;
    height:auto;
}

@media all and (min-width: 1280px) and (max-width: 4280px) {
    .grid{max-width: 1200px;}

    .product_focus {
        background-size: 100%  auto!important;
        background-position:left !important;
    }

    .product_img .uk-overlay {
        height:auto !important;
    }
}
@media all and (min-width: 1024px) and (max-width: 1200px) {

    .grid{max-width: 1200px;}

    .focus_txt {
        width:150px !important;
        height:150px !important;
        font-size:1.5em !important;
        padding:30px !important;
        top:3% !important;
        
    }
    .contact_box {
        padding:10px !important;
    }
    .product_focus {
        background-size: 100%  auto!important;
        background-position:left !important;
    }
    
    .product_img .uk-overlay {
        height:auto !important;
    }

}

@media all and (min-width: 1024px){
    .grid-{
        max-width: 1024px;
    }
    .page_top_focus{
        padding:10px 0px !important;
    }

    .page_focus {
        height:auto !important;
    }
    .product_focus {
        background-size:100% 100% !important;
        background-position:left !important;
    }

    .product_img .uk-overlay {
        height:auto !important;
    }

}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .grid{
        max-width: 768px;
        margin:auto;

    }

    .index_3box	{
        position: static !important;
        margin-bottom:20px !important;

        padding-right:0px !important;
    }
    .uk-grid-small > *,
    .uk-grid > * {
        padding-left:0px !important;

    }
    .uk-grid-small {
        margin-left:0px !important;
    }
    .uk-grid {
        margin-left: 0px !important;
    }

    .index_3box .uk-panel {
        padding:0px !important;
        background:#FFF;
    }
    .index_3box .txt {
        padding: 10px 10px 10px 0 !important;
    }
    .top_menu {		
        padding-top:10px !important;
    }

    .page_left{
        padding-bottom:200px !important;
        background-position:0px 100% !important;
    }
    .page_box{
        margin-left:0px !important;
    }

    .page_focus {
        height:auto !important;
    }
    .product_focus {
        background-size:auto 100% !important;
        background-position:left !important;
    }
    .contact_box {
        padding:10px !important;
    }
    .product_img .uk-overlay {
        height:auto !important;
    }
    .product_img .uk-panel {
        margin-right: 5px !important;
    }
    .uk-sticky-placeholder {
        height:auto !important;
    }
    .behavior .logo img{
        width:90% !important;
    }
    .behavior .top_menu{
        padding-top:5px !important;
    }
    .bg_1 {
        background-size: auto 100% !important;
    }
    .uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li{
        height:400px !important;
    }

}


@media all and (min-width: 480px) and (max-width: 768px) {
    .grid *[class*="col_"]{
        float:none;
        width:auto;
        clear:both;
        display:block;

    }

    /* columns inside of columns */
    .grid *[class*="col_"] [class*="col_"]{
        margin-left:0;
        margin-right:0;
        width:100%;

    }

    .grid{max-width: 480px;}

    .index_3box	{
        position: static !important;
        margin-bottom:20px !important;

        padding-right:0px !important;
    }
    .uk-grid-small > *,
    .uk-grid > * {
        padding-left:0px !important;

    }
    .uk-grid-small {
        margin-left:0px !important;
    }
    .uk-grid {
        margin-left: 0px !important;
    }
    .index_3box .uk-panel {
        padding:0px !important;
        background:#FFF;
    }
    .index_3box .txt {
        padding: 10px 10px 10px 0 !important;
    }
    .bg_1{
        background-size:auto 100% !important;
    }
    .focus_bg_1{
        background:rgba(255, 0, 0, 0.38) !important;
    }
    .focus_txt {
        text-shadow:0px 0px 5px rgba(0, 0, 0, 0.9);
        left: 5% !important;
        font-size:2.5em !important;
    }
    .top_box .logo {
        width:100% !important;
        text-align:center !important;		
    }
    .top_box .menu {
        width:100% !important;

    }
    .top_menu {
        float:none !important;
        padding-top:10px !important;
        margin-left: 4% !important;
    }

    .page_left{
        background:none !important;
        padding-bottom:20px !important;
    }
    .page_box{
        margin-left:0px !important;
    }

    .page_focus {
        height:auto !important;
    }
    .product_focus {
        background-size:auto 100% !important;
        background-position:left !important;
    }
    .contact_box {
        padding:10px !important;
    }
    .product_img .uk-overlay {
        height:auto !important;
    }
    .product_img .uk-panel:first-child {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
    .uk-sticky-placeholder {
        height:auto !important;
    }
    .behavior .logo img{
        width:80% !important;
    }
    .bg_1 {
        background-size: auto 100% !important;
    }
    .uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li{
        height:300px !important;
    }
    .focus_txt {
        width:200px !important;
        height:200px !important;
        font-size:2em !important;
    }

}

@media all and (max-width: 480px) {

    .grid *[class*="col_"]{
        float:none;
        width:auto;
        clear:both;
        display:block;
    }

    /* columns inside of columns */
    .grid *[class*="col_"] [class*="col_"]{
        margin-left:0;
        margin-right:0;
        width:100%;
    }

    .index_3box	{
        position: static !important;
        margin-bottom:20px !important;

        padding-right:0px !important;
    }
    .uk-grid-small > *,
    .uk-grid > * {
        padding-left:0px !important;

    }
    .uk-grid-small {
        margin-left:0px !important;
    }
    .uk-grid {
        margin-left: 0px !important;
    }
    .index_3box .uk-panel {
        padding:0px !important;
        background:#FFF;
    }
    .index_3box .txt {
        padding: 10px 10px 10px 0 !important;
    }
    .bg_1{
        background-size: auto  100% !important;
    }
    .focus_bg_1{
        background:none !important;
    }
    .focus_txt {
        text-shadow:0px 0px 5px rgba(0, 0, 0, 0.9);
        left: 5% !important;
        font-size:2.5em !important;
    }
    .top_box .logo {
        width:100% !important;
        text-align:center !important;		
    }
    .top_box .menu {
        width:100% !important;
    }
    .top_menu {
        float:none !important;
        margin-left: 1% !important;
    }
    .page_box{
        margin-left:0px !important;
    }

    .page_focus {
        height:auto !important;
    }
    .product_focus {
        background-size:auto 100% !important;
        background-position:left !important;
    }
    .contact_box {
        padding:10px !important;
    }
    .product_img .uk-overlay {
        height:auto !important;
    }
    .product_img .uk-panel {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .uk-sticky-placeholder {
        height:auto !important;
    }
    .foot_company_box,
    .foot_copyright_box
    {
        padding:10px !important;
    }
    .behavior .logo img{
        width:80% !important;
    }
    .news_box .page_left {
        background:none !important;
    }
    .page_left {
        padding:0px !important;
    }
    .index_3box .txt {
        width: 60% !important;
    }
    .uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li{
        height:300px !important;
    }

}