/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

.menu-buttom{
    background: #f2fdff; /* Old browsers */
    background: -moz-linear-gradient(top, #f2fdff 0%, #ccdfe5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2fdff 0%,#ccdfe5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2fdff 0%,#ccdfe5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fdff', endColorstr='#ccdfe5',GradientType=0 ); /* IE6-9 */
    copy;
    text-decoration: none;
    -webkit-box-shadow: 9px 4px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    9px 4px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         9px 4px 5px 0px rgba(50, 50, 50, 0.75);
    padding: 10px;
    border: 1px solid rgba(220, 220, 220, 0.1);
    position: fixed;
    border-radius: 7px;
    /* background-color: rgba(241, 237, 237, 0.87); */
    margin: 5px;
    font-size: 16px;
    text-transform: uppercase;
    color: #010935;
    transition:3s;
    left: 3%;
    z-index: 1000000;
    top: 30px;
}
.menu-buttom:hover{
    text-decoration:underline;
    box-shadow:         9px 4px 5px 0px rgba(50, 50, 50, 0.92);
    border: 1px solid rgba(220, 220, 220, 0.1);
    background-color: rgba(226, 226, 226, 0.67);
    margin: 5px;
    font-size: 16px;
    color: #00031a;
    transition:1s;
}
.sidr ul {
            padding: 100px 0px 0px 0px;
        }
.sidr {
    background: rgba(3, 18, 63, 0.71);
}
#simple-menu{
            display: none;
        }

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width: 992px) {
        .start_banner, .join_btn, .call, .mainindex, .mainindex, .contactform_inside, .box_inside, .banner_inside{
            display: none;
        }  
        .mbanner_container iframe {
            margin: 0px 0px;
            padding: 6px 0px;
            max-height: 316px;
            width: 100%;
        }
        #BannerDiv{
            width: 80%;
            margin: 0px 10% 10px 5%;
        }
        .main {
            background: #ffffff url(../images/whitebg.png) top center no-repeat;
            margin: 0px 2%;
            padding: 0px 2%;
            width: 92%;
            min-height: 1340px;
        }
        .top_menu {
            margin-top: 10px;
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }
        .logo{
                position:relative;
                top:0px;
                left:-10px;
                clear:both;
        }
        .logo img{         
                height: auto;                         
                max-width: 313px;                         
                position: relative;                         
                top: 40px;
        }
        
       .main div{
           width: 90%;
           padding-left: 3%;
           padding-right: 3%;
           margin-left: 2%;
           margin-right: 2%;
           margin-top: 10px;
        }
       .main .why div{
            float:right;
            text-align:justify;
        }
        .mbanner_container {
            min-width:300px;
        }
        .main {
            height: auto;
            
        }
        .desc_txt {
            top: 0;
            position: static;
        }
        .sidr.left {
            width: 50%;
            max-width:225px;
            left: -100%;
        }
        .main .top_menu {
            margin-top: 10px;
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }
        .main_menu{
            display: none;
        }
        #simple-menu{
            display: block;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
         .top_menu a:last-child{
             display:none;
         }     
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }