/*==================================(ALL)==============================================================*/

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
*{font-family: 'Droid Arabic Kufi', serif;}

.no{
	display:none;
}

.navbar .logo {
    display: none;
}

h2.block-title, h1.page-header {
    text-align: center;
    font-weight: 500;
    padding-bottom: 14px;
    border-bottom: 1px solid #337ab7;
}

.allmg3 {
	width:80%;
	margin:20px auto;
}

.mg3 {
    border: 1px solid gainsboro;
    display: grid;
	margin: 20px;
}

.mg3:hover {
       box-shadow: 6px 6px 17px 0px #949ea0a6;
}

.mg3 img {
    width: 100%;
    height: 180px;
	background:#fff;
}

.mg3 button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #337ab7;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.mg3 a {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

.mg3 button:hover, .mg3 a:hover {
  opacity: 0.7;
}

.table {
    background: #fff;
}

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th,
 .table-bordered > thead > tr > td,
 .table-bordered > tbody > tr > td,
 .table-bordered > tfoot > tr > td {
    border: 1px solid #15a7c9fa;
}

body {
    background: aliceblue;
}

.footer {
    margin-top: 45px;
    padding: 0;
    border-top: 1px solid #E5E5E5;
}

/*==================================(END ALL)========================================================================*/


/*================================( SMALL SCREEN )===============================================*/
@media screen and (max-width: 768px) {
    
#laptop{
	display:none;
}

.allmg3 {
    display: grid;
    grid-template-columns: 1fr ;
}


}/*================================( END SMALL SCREEN )======================================*/


/*================================( LARG SCREEN )===============================================*/
@media screen and (min-width: 768px) {

#block-search-form {
    height: 35px;
}

.allmg3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	width:100%!important;
}

#quicktabs-semesters {
    width: 80%;
    margin: 40px auto;
}

ul.quicktabs-tabs.quicktabs-style-arrows {
    display: inline-flex;
    width: 100%;
	border:none;
	margin: 0;
}

.quicktabs-tabs li {
    display: inline-grid;
    width: 50%;
	border: none;
    padding: 20px;
	border-bottom: 1px solid #337ab7;
}

.quicktabs-tabs li a {
    font-size:20px;
	text-align: center;
    display: block;
}

.quicktabs-tabs li.active {
    border: 1px solid #337ab7;
    border-bottom: none;
}

#block-block-3 {
    background: #000;
	padding: 10px;
    margin: 0;
}

#block-block-3 span {
    color: #fff;
}





}/*================================( END LARGE SCREEN )======================================*/