/* - Mobile & Tablet 768px - */
/* - From 0 To Mobile & Tablet 768px - */
/*@media(min-width: 0) and (max-width: 353px) 
{
    .collage-logo-container{
        z-index: 99999999;
    }
   .collage-logo-container img{
        top: 0px;
        right: 13px;
        height: 90px;
        margin-top: 24px;
        position: fixed;
        max-height: 128px;
        z-index: 99999999;
    }
    .collage-name-arabic h2 {
         padding-right: 134px;
    }
       
    .collage-name-arabic h3{
display: none;
    }
    .collage-name-english{
        display: none;
    }
	.carousel {
		display: none;
	}
 	.navbar-brand {
    	font-size: 20px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
	{
		color: white;
	}
    
    .collage-events{
        display: none;
    }
      .page-content .col-sm-12 {
        width: 100%;
        padding: 4px;
    }
}@media(min-width: 354px) and (max-width: 767px)*/
@media(max-width: 320px){


     


      .collage-logo-container{
       visibility : hidden;
          z-index: 99999999;
        height: 10px;
    }
    .collage-name-arabic h2 {
             padding-right: 91px;
    /*font-size: 156%;*/
    text-align: center;
    }

    .helaly-menu{
        display: none;
    }

    .navbar-fade{
        position: fixed;
        top:0;
        display: block;
    }
       
    .collage-name-arabic h3{
display: none;
    }
    .collage-name-english{
        display: none;
    }
	.carousel {
		display: none;
	}

    .collage-events{
      display: none;
    }
 	.navbar-brand {
    	font-size: 20px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
	{
		color: white;
	}
    
    

    .right-side-content{
       border-left: 0;  
       padding: 0;  
    }

    .page-content .col-sm-12 {
        width: 98%;
    padding: 4px;
    margin: 0 auto;
    }

    .sidebar-old-news-post{
        max-width: 95%;
    }

    .sidebar-old-news-img img{
        width: 95%;
    }
     
    .old-news-title{
        text-align: center;
        padding-top: 12px;
    }

    .subpage-pic-cover img{
        height: 500px;
        width: 150%;
        margin-right: -20%;
    }

    .subpage-section-title{
        width: 79%;
        margin-right: 10.5%;
        /*max-height: 165px;*/
        overflow: hidden;
        top: 1%;
            margin-top: 6%;
            font-size: 157%;
    }



    .owl-nav {
    position: absolute;
    top: 118px;
   width: 103%; 
    overflow: hidden;
    right: -6px;
    padding-top: 16%;
    z-index: -1;
   }

    .owl-nav .fa {
        font-size: 35px;
    }
        

    .navbar-fade .navbar-brand {
        font-size: 18px;
    }



       /* Innert style overrideing - inner pages */
    .main-subpage-info-section .row {
        margin: 0 !important
    }

     .main-subpage-info-section .row .col-sm-12{
        padding: 0 !important
    }


     .main-specialize-info-section .row {
        margin: 0 !important
    }
      .main-specialize-info-section .row .col-sm-12{
        padding: 0 !important
    }

       #mceu_21{
        width: 100% !important;
     }

}

@media(min-width: 321px) and (max-width: 480px){
      
    
    
    
    .collage-logo-container{
       visibility : hidden;
          z-index: 99999999;
        height: 10px;
    }
    .collage-name-arabic h2 {
             padding-right: 91px;
    /*font-size: 156%;*/
    text-align: center;
    }

    .helaly-menu{
        display: none;
    }

    .navbar-fade{
        position: fixed;
        top:0;
        display: block;
    }
       
    .collage-name-arabic h3{
display: none;
    }
    .collage-name-english{
        display: none;
    }
	.carousel {
		display: none;
	}

    .collage-events{
      display: none;
    }
 	.navbar-brand {
    	font-size: 20px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
	{
		color: white;
	}
    
    

    .right-side-content{
       border-left: 0;  
       padding: 0;  
    }

    .page-content .col-sm-12 {
        width: 98%;
    padding: 4px;
    margin: 0 auto;
    }

    .sidebar-old-news-post{
        max-width: 95%;
    }

    .sidebar-old-news-img img{
        width: 95%;
    }
     
    .old-news-title{
        text-align: center;
        padding-top: 12px;
    }

    .subpage-pic-cover img{
        height: 500px;
        width: 150%;
        margin-right: -20%;
    }

    .subpage-section-title{
        width: 79%;
        margin-right: 10.5%;
        /*max-height: 165px;*/
        overflow: hidden;
        top: 1%;
            margin-top: 6%;
            font-size: 157%;
    }



    .owl-nav {
    position: absolute;
    top: 118px;
   width: 103%; 
    overflow: hidden;
    right: -6px;
    padding-top: 16%;
    z-index: -1;
   }

    .owl-nav .fa {
        font-size: 35px;
    }
        

    .navbar-fade .navbar-brand {
        font-size: 20px;
    }





    /* Innert style overrideing - inner pages */
    .main-subpage-info-section .row {
        margin: 0 !important
    }
     .main-subpage-info-section .col-sm-12{
        padding: 0 !important
    }


     #mceu_21{
        width: 100% !important;
     }

}

@media(min-width: 481px) and (max-width: 767px)
{
     
     .collage-logo-container{
       visibility : hidden;
          z-index: 99999999;
        height: 10px;
    }
    .collage-name-arabic h2 {
             padding-right: 91px;
    /*font-size: 156%;*/
    text-align: center;
    }

    .helaly-menu{
        display: none;
    }

    .navbar-fade{
        position: fixed;
        top:0;
        display: block;
    }
       
    .collage-name-arabic h3{
display: none;
    }
    .collage-name-english{
        display: none;
    }
	.carousel {
		display: none;
	}

    .collage-events{
      display: none;
    }
 	.navbar-brand {
    	font-size: 20px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
	{
		color: white;
	}
    
    

    .right-side-content{
       border-left: 0;  
       padding: 0;  
    }

    .page-content .col-sm-12 {
        width: 98%;
    padding: 4px;
    margin: 0 auto;
    }

    .sidebar-old-news-post{
        max-width: 95%;
    }

    .sidebar-old-news-img img{
        width: 95%;
    }
     
    .old-news-title{
        text-align: center;
        padding-top: 12px;
    }

    .subpage-pic-cover img{
        height: 500px;
        width: 150%;
        margin-right: -20%;
    }

    .subpage-section-title{
        width: 79%;
        margin-right: 10.5%;
        /*max-height: 165px;*/
        overflow: hidden;
        top: 1%;
            margin-top: 6%;
            font-size: 157%;
    }



    .owl-nav {
    position: absolute;
    top: 118px;
   width: 103%; 
    overflow: hidden;
    right: -6px;
    padding-top: 16%;
    z-index: -1;
   }

    .owl-nav .fa {
        font-size: 35px;
    }
        
       /* Innert style overrideing - inner pages */
    .main-subpage-info-section .row {
        margin: 0 !important
    }

    .main-subpage-info-section .col-sm-12{
        padding: 0 !important
    }

    #mceu_21{
        width: 100% !important;
     }


}


/* - From Small To Medium (PC Small screens) from 768 to 991- */
@media(min-width: 768px) and (max-width: 991px) {
    .collage-name-arabic-small-img {
        display: none;
    }

    .navbar-brand {
        font-size: 30px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
        padding: 15px 8px;
    }
    /* - Carousal Customization - */
    .carousel-inner .lead {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .carousel-inner h1 {
        font-size: 25px;
    }

    .carousel-caption {
        bottom: 35%;
        left: 10%;
        right: 10%;
        padding-bottom: 32px;
    }

    .carousel-indicators {
        margin-bottom: 5px;
    }


    /* Dropdown menu open sub menu on mouse hover */
    .dropdown-menu .sub-menu {
        visibility: hidden;
    }

    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-animation-name: fadeIn;
        -webkit-animation-duration: 1s;
        animation-name: fadeIn;
        animation-duration: 1s;
    }

    .collage-events {
        display: none;
    }


    /*--  NAV BAR show toggle     -- */
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
    }
    .navbar-collapse  {
        background: rgba(31, 37, 39, 0.48);
    }

   /*  .helaly-menu .navbar-collapse  .dropdown-menu {*/
       .navbar-nav > li > .dropdown-menu
    {
        float: none!important;
        width: 100%!important;
        background-color: rgba(31, 37, 39, 0.48)!important;
    }
        
        

        .navbar-nav > li {
            float: none!important;
        }

    .navbar-collapse.collapse.in {
        display: block !important;
    }



    .owl-nav {
        position: absolute;
        top: 45px;
        width: 107%;
        overflow: hidden;
        right: -22px;
        padding-top: 16%;
        z-index: -1;
    }


    /*announcements ticker*/

    .demo1 {
        height: 520px !important;
    }

    .ticker-contrls {
        margin-top : -583px !important;

    }
}

/* -  Medium screens (PC medium screens) from 992 to 1199- */
@media(min-width: 992px) and (max-width: 1199px)
{
	.collage-name-arabic-small-img{
        display: none;
    }
	.carousel-caption{
		bottom: 15%;
	}
	
	 	/* Dropdown menu open sub menu on mouse hover */
	.dropdown-menu .sub-menu {

		visibility: hidden;

	}

	.dropdown-menu li:hover .sub-menu {
		visibility: visible;
	}

	.dropdown:hover .dropdown-menu {
		display: block;
	  -webkit-animation-name: fadeIn;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeIn;
	  animation-duration: 1s;
	}


     /*.navbar-nav .navbar-collapse  {
        background: rgba(31, 37, 39, 0.48);
    }

    
       .navbar-nav > li > .dropdown-menu
    {
        float: none!important;
        width: 100%!important;
        background-color: rgba(31, 37, 39, 0.48)!important;
    }
        
        

        .navbar-nav > li {
            float: none!important;
        }

    .navbar-collapse.collapse.in {
        display: block !important;
    }*/


   


}


/* -  Medium screens (PC medium screens) from 992 to 1199- */
@media(min-width: 1200px)
{
    .collage-name-arabic-small-img{
        display: none;
    }
   	/* Dropdown menu open sub menu on mouse hover */
	.dropdown-menu .sub-menu {

		visibility: hidden;

	}

	.dropdown-menu li:hover .sub-menu {
		visibility: visible;
	}

	.dropdown:hover .dropdown-menu {
		display: block;
	  -webkit-animation-name: fadeIn;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeIn;
	  animation-duration: 1s;
	}
}