body {
  margin: 0;
  background-color: #fff;
}

/* start of public module*/
.jumbotron{
            /*margin-left:-10px;
            margin-top:-10px;*/
            height:auto;
            max-width:100%;
            position:relative;  
            /*background-color:#557c3e;*/  
        }
        .jumbotron img{
            height:100%;
            width:auto;
            max-width:100%;
        }

.container > div {
    /* display: block; */
    vertical-align: top;
    font-size: 1em;
    /*margin-left :500px;*/
}

.text {
    width: 20%;
}


.container_cat {
    display: flex;
}

.fixed {
    width: 200px;
}

.flex-item {
    flex-grow: 1;
}

div {
   max-width: 100%;
    height: auto;
    background-size: 100% 100%;
}

/* 
img {
    max-width: 100%;
    height: auto;
}

p {
        width: 100%;
    height: auto;
} */




/* .row:after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"] {
    float: left;
    /*padding: 15px;
    width: 100%;* /
} */
/*end of public module*/


   /*Header area */
    #header-nav {
        background-color: #fff; /*bar colorwhen collapse*/
        border-radius: 0px;
        border: 0px;
        /* height: 60px; raz*/
    }

    #collapsable-nav a { /* Collapsed nav menu text */
        font-size: 0.9em;
    }

        #collapsable-nav a span { /* Collapsed nav menu glyph */
            font-size: 1em;
            /*margin-right: 5px;*/
        }

    /*menu box when small*/

    .navbar-header button.navbar-toggle, .navbar-header .icon-bar {
        border: 1px solid #557c3e;
    }

    .navbar-header button.navbar-toggle {
        clear: both;
        margin-top: 5px;
    }

    /*Tool bar config*/
    /* Menu General Styles */
    .menuBackground {
        background: center;
        text-align: left; /* or change the value to left to align left*/
        float: left;
    }

    .dropDownMenu a {
        background-color: #FFF;
        color: #3F0C1F;
    }

    .dropDownMenu,
    .dropDownMenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .dropDownMenu li {
            position: relative;
            color: #3F0C1F; /*raz #063821*/
        }

        .dropDownMenu a {
            padding: 10px 20px;
            display: list-item;
            text-decoration: none;
        }

            .dropDownMenu a:hover {
                background: none;
                color: black;
            }


        /* Level 1 Drop Down Menu */
        .dropDownMenu > li {
            display: inline-block;
            vertical-align: top;
            margin-left: -4px; /* solve the 4 pixels spacing between list-items */
        }

            .dropDownMenu > li:first-child {
                margin-left: 0;
            }

            .dropDownMenu > li > a {
                padding: 10px 20px;
                display: list-item;
                text-decoration: none;            }

                .dropDownMenu > li > a:hover {
                    background: none;
                    color: black;               }



            /* Level 2 */
            .dropDownMenu > li > ul {
                text-align: left;
                width: 250px; /* change auto value with 200px if you want a bigger menu */
                display: none;
                background: none;
                position: absolute;
                top: 100%;
                left: 0;
                z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
            }

            .dropDownMenu > li:hover > ul {
                display: block;
                background-color: #0c3410;
            }

        .dropDownMenu ul li a {
            padding: 10px 20px;
            display: list-item;
            text-decoration: none;        }

            .dropDownMenu ul li a:hover {
                background: none;
                color: black;
                        }

        /* Level 3 */
        .dropDownMenu > li > ul > li > ul {
            text-align: left;
            display: none;
            background: #E7B400;
            position: absolute;
            left: 100%;
            top: 0;
            z-index: 9999999;
        }

        .dropDownMenu > li > ul > li:hover > ul {
            display: block;
        }

        .dropDownMenu ul ul li {
            display: inline-block;
            vertical-align: top;
            margin-left: -4px; /* solve the 4 pixels spacing between list-items */
               }

            .dropDownMenu ul ul li a {
                padding: 10px 20px;
                display: list-item;
                text-decoration: none;
                       }

                .dropDownMenu ul ul li a:hover { 
                    background: none;
                    color: black;
                               }

                               .dropdown-submenu {
                                position: relative;
                              }
                              
                              .dropdown-submenu .dropdown-menu {
                                top: 0;
                                left: 100%;
                                margin-top: -1px;
                              }

    /*ENd of tool bar*/

    /* for drop down at dashboard*/
    .collapsible {
        background-color:transparent ; /* #777; */
        color:  white; 
        cursor: pointer;
        padding: 0px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
      }
      
      .active, .collapsible:hover {
        background-color:   #555; 
      }
      
      .collapsible:after {
        content: '\002B';
        color: white;
        font-weight: bold;
        float: right;
        margin-left: 5px;
      }
      
      .active:after {
        content: "\2212";
      }
      
      .content {
        padding: 0 18px;
        max-height: 0; 
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        background-color:  #f1f1f1; 
      }
 
/********** Medium devices only **********/
@media all and (max-width: 2099px) and (min-width: 993px) {
    /* Home Page */
    #logo-index-img {
        background: url("../../images/index/index_new_03.gif") no-repeat;
        width:699px; 
         height:116px 
    }
    #logo-tour-img {
        background: url("../../images/member/memberfl_01.gif") no-repeat;
        width:767px; 
         height:134px 
    }


    #logo-tr-img {
        background: url('../../images/tournament/league_02.jpg') no-repeat;
        width:430px; 
        height:164px
    }
    #logo-tr1-img {
        background: url('../../images/tournament/league_03.jpg') no-repeat;
        width:430px; 
        height:164px
    }
    
    #leaguetitle {
        background-image: url("../images/tournament/leaguetable.gif") ;
        width:150px;
        height: 45px;
    } 
    #tourhead {
        width:710px;
        height: 45px;
    } 
    div.tourtitle {
        font-size: 15px;
    }
    #fixtitle {
        background-image: url("../images/tournament/fixture.gif") ;
        width:150px;
        height: 45px;
    } 
    /* End Home Page */
}

/********** Small devices only **********/
@media all and (min-width: 768px) and (max-width: 992px) {
    /* Home Page */
    #logo-index-img {
        background: url("../../images/index/index_new_03_350.jpg") no-repeat;
        width:350px; 
        height:58px
    }
    #logo-tour-img {
        background: url("../../images/member/memberfl_01_767.jpg") no-repeat;
        width:767px; 
        height:151px
    }
    #logo-tr-img {
        background: url("../images/tournament/league_2_384.jpg") no-repeat;
        width:300px; 
        height:113px
    }
    #logo-tr1-img {
        background: url("../images/tournament/league_3_384.jpg") no-repeat;
        width:300px; 
        height:113px
    }
     #leaguetitle {
        background-image: url("../images/tournament/leaguetable.gif") ;
        width:250px;
        height: 35px;
    } 
    #tourhead {
        width:350px;
        height: 35px;
    } 
    div.tourtitle {
        font-size: 12px;
    }

    #fixtitle {
        background-image: url("../images/tournament/fixture.gif") ;
        width:250px;
        height: 35px;
    } 

    /* End Home Page */
}

/********** Extra small devices only **********/
@media all and (min-width: 475px) and (max-width: 767px){
    /* Home Page */
    #logo-index-img {
        background: url("../../images/index/index_new_03_350.jpg") no-repeat;
        width:350px; 
        height:58px
    }

    #logo-tour-img {
        background: url("../../images/member/memberfl_01_474.jpg") no-repeat;
        width:350px; 
        height:58px
    }
    #logo-tr-img {
        background: url("../../images/tournament/league_2_200.jpg") no-repeat;
        width:200px; 
        height:46px;
        padding: 0;
    }
    #logo-tr1-img {
        background: url("../images/tournament/league_3_200.jpg") no-repeat;
        width:200px; 
        height:46px;
    }
    #leaguetitle {
        background-image: url("../images/tournament/leaguetable.gif") ;
        width:150px;
        height: 35px;
    } 
    #tourhead {
        width:250px;
        height: 35px;
    } 
    div.tourtitle {
        font-size: 10px;
    }
    #fixtitle {
        background-image: url("../images/tournament/fixture.gif") ;
        width:150px;
        height: 35px;
    } 

    /* .col-xxs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 100%;
        font-size :0.5em;
    } */

}
/********** Extra small devices only **********/
@media all and (max-width: 474px) {
    /* Home Page */
    #logo-index-img {
        background: url("../../images/index/index_new_03_350.jpg") no-repeat;
        width:350px; 
        height:58px
    }
    #logo-tour-img {
        background: url("../../images/member/memberfl_01_474.jpg") no-repeat;
        width:350px; 
        height:58px
    }
    #logo-tr-img {
        background: url("../../images/tournament/league_2_200.jpg") no-repeat;
        width:200px; 
        height:46px;
        padding: 0;
    }
    #tourhead {
        width:60%;
        height: 25px;
    } 
    div.tourtitle {
        font-size: 8px;
    }
    /* #logo-tr1-img {
        background: url("../images/tournament/league_3_200.jpg") no-repeat;
        width:200px; 
        height:46px;
    }
 */
    .col-xxs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 100%;
        font-size :0.5em;
    }
}