@media (max-width: 1200px) { #cssmenu > ul > li > a { padding: 15px; font-size: 12px; } } @media (max-width: 991px) { } @media (max-width: 768px) { .top a i{ font-size:18px; } .top a { font-size: 12px; top: 0px; margin-left:20px; font-weight:bold; } .padding-bottom { padding-bottom:10px; } .padding { padding-left: 8px; padding-right: 8px; } .slide-image { width: 100%; height:300px !important; } .copyright { text-align:center; } .search a { position:absolute; padding-right: 0px; margin-left: 0px; top: 0px; left:0px; } } @media screen and (max-width:480px) { .marquee-sibling { padding: 0; background: rgb(9, 15, 123); width: 15%; height: 45px; line-height: 42px; font-size: 14px; font-weight: bold; color: #FFF; text-align: center; float:none; right: 0; z-index: 2000; display:none; } .top a i{ font-size:15px; } .top a { font-size: 12px; top: 0px; margin-left:10px; font-weight:normal; } .padding-bottom { padding-bottom:10px; } .padding { padding-left: 8px; padding-right: 8px; } .slide-image { width: 100%; height:200px !important; } .carousel-caption { bottom: 50px; left: 10%; right: 10%; } .carousel-caption .text { padding: 5px; background-color: rgba(0, 0, 0, 0.63); font-size: 15px; height: 110px; overflow: hidden; font-family: "Droid Arabic Naskh"; } .title { background:#090f7b; border-radius:2px; padding:6px 10px 0 10px; color:#FFFFFF; font-size:20px; font-family:"Droid Arabic Kufi"; height:43px; } .copyright { text-align:center; } .copyright .socials { position: relative; overflow: hidden; margin-top:0px; text-align:center; margin-bottom:0px; } .search a { position:absolute; padding-right: 0px; margin-left: 0px; top: 0px; left:0px; } } @media screen and (max-width:320px) { .marquee-sibling { padding: 0; background: rgb(9, 15, 123); width: 15%; height: 45px; line-height: 42px; font-size: 14px; font-weight: bold; color: #FFF; text-align: center; float:none; right: 0; z-index: 2000; display:none; } .search a { position:absolute; padding-right: 0px; margin-left: 0px; top: 0px; left:0px; } .top a i{ font-size:15px; } .top a { font-size: 12px; top: 0px; margin-left:5px; font-weight:normal; } .padding-bottom { padding-bottom:10px; } .padding { padding-left: 8px; padding-right: 8px; } .slide-image { width: 100%; height:200px !important; } .carousel-caption { bottom: 50px; left: 10%; right: 10%; } .carousel-caption .text { padding: 5px; background-color: rgba(0, 0, 0, 0.63); font-size: 15px; height: 110px; overflow: hidden; font-family: "Droid Arabic Naskh"; } .carousel-caption .text { } .title { background:#090f7b; border-radius:2px; padding:6px 10px 0 10px; color:#FFFFFF; font-size:20px; font-family:"Droid Arabic Kufi"; height:43px; } .copyright { text-align:center; } .copyright .socials { position: relative; overflow: hidden; margin-top:0px; text-align:center; margin-bottom:0px; } }