/* Extra small devices (phones, up to 480px) */

* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    
}

@font-face {
    font-family: 'NassimArabic-Bold';
    src: url('fonts/NassimArabic-Bold.woff') format('woff');
}

@font-face {
    font-family: 'NassimArabic-Regular';
    src: url('fonts/NassimArabic-Regular.woff') format('woff');
}


@media screen and (max-width: 767px) {
       .fs12 {    font-size: 12px;}
.fs14 {    font-size: 14px;}
.fs16 {    font-size: 16px;}
.fs17 {    font-size: 17px;}
.fs18 {    font-size: 14px;}
.fs20 {    font-size: 15px;}
.fs22 {    font-size: 17px;}
.fs24 {    font-size: 17px;}
.fs26 {    font-size: 18px;}
.fs28 {    font-size: 19px;}
.fs30 {    font-size: 19px;}
.fs32 {    font-size: 20px;}
.fs34 {    font-size: 22px;}
.fs36 {    font-size: 26px;}
.fs38 {    font-size: 28px;}
.fs40 {    font-size: 30px;}

.leftsep {border-bottom:1px solid #D6D6D6; padding-bottom:10px;margin-bottom:10px; }
.socialicons ul li a img { width:23px;  padding:1px !important; transition: 0.3s ease;  opacity: 0.7;}

.submenudownarr {
    position:absolute;
 bottom:45%;
 right:-13px;
 display:none;

 -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.mainvideo {
 position:inherit;
    height:255px;
}

}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
.fs12 {    font-size: 12px;}
.fs14 {    font-size: 14px;}
.fs16 {    font-size: 16px;}
.fs17 {    font-size: 17px;}
.fs18 {    font-size: 16px;}
.fs20 {    font-size: 17px;}
.fs22 {    font-size: 18px;}
.fs24 {    font-size: 20px;}
.fs26 {    font-size: 22px;}
.fs28 {    font-size: 17px;}
.fs30 {    font-size: 19px;}
.fs32 {    font-size: 20px;}
.fs34 {    font-size: 22px;}
.fs36 {    font-size: 26px;}
.fs38 {    font-size: 28px;}
.fs40 {    font-size: 30px;}

.leftsep {border-left:1px solid #D6D6D6; }
.socialicons ul li a img { width:25px;  padding:1px !important; transition: 0.3s ease;  opacity: 0.7;}
.submenudownarr {
    position:absolute;
   bottom:-13px;
 left:45%;
 display:none;
}
.mainvideo {
    position:inherit;
    height:230px;
}
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {

    .fs12 {    font-size: 12px;}
.fs14 {    font-size: 14px;}
.fs16 {    font-size: 16px;}
.fs17 {    font-size: 17px;}
.fs18 {    font-size: 18px;}
.fs20 {    font-size: 20px;}
.fs22 {    font-size: 22px;}
.fs24 {    font-size: 24px;}
.fs26 {    font-size: 26px;}
.fs28 {    font-size: 28px;}
.fs30 {    font-size: 30px;}
.fs32 {    font-size: 32px;}
.fs34 {    font-size: 34px;}
.fs36 {    font-size: 36px;}
.fs38 {    font-size: 38px;}
.fs40 {    font-size: 40px;}
.leftsep {border-left:1px solid #D6D6D6;} 
.socialicons ul li a img { width:30px;  padding:1px !important; transition: 0.3s ease;  opacity: 0.7;}
.submenudownarr {
    position:absolute;
   bottom:-13px;
 left:45%;
 display:none;
}
.mainvideo {
  position:inherit;
    height:300px;
}
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {

.fs12 {    font-size: 12px;}
.fs14 {    font-size: 14px;}
.fs16 {    font-size: 16px;}
.fs17 {    font-size: 17px;}
.fs18 {    font-size: 18px;}
.fs20 {    font-size: 20px;}
.fs22 {    font-size: 22px;}
.fs24 {    font-size: 24px;}
.fs26 {    font-size: 26px;}
.fs28 {    font-size: 28px;}
.fs30 {    font-size: 30px;}
.fs32 {    font-size: 32px;}
.fs34 {    font-size: 34px;}
.fs36 {    font-size: 36px;}
.fs38 {    font-size: 38px;}
.fs40 {    font-size: 40px;}
.leftsep {border-left:1px solid #D6D6D6; }
.topsep {border-top:2px solid #D6D6D6;  }
.socialicons ul li a img { width:35px; padding:1px !important;  transition: 0.3s ease;  opacity: 0.7;}
.submenudownarr {
    position:absolute;
   bottom:-13px;
 left:45%;
 display:none;
}
.mainvideo {
    position:inherit;
    height:355px;
}
}