.filter .views_slideshow_cycle_teaser_section {
  width: 100% !important;
}

#sm_menu_ham {
  display: none;
}
body {
  overflow-x: hidden;
}
@media all and (max-width: 1200px) {
  /*.ui-widget.ui-widget-content{
	display:none !important;
}*/

  .page-args-ar-courses #block-roots-content .views-row .views-field-nothing-3 {
    display: none;
  }
  section.rotating {
    height: auto;
  }
  .rotating .views_slideshow_cycle_teaser_section,
  .rotating .views_slideshow_cycle_main {
    height: 550px !important;
  }
  section.sections .views-row .views-field-field-image img {
    height: auto;
  }

  .page-args-ar-professional_branches
    #block-roots-content
    .views-field-field-image,
  .page-args-ar-international_system
    #block-roots-content
    .views-field-field-image,
  .page-args-ar-category_myschool #block-roots-content .views-field-field-image,
  .page-args-ar-category #block-roots-content .views-field-field-image {
    width: 39%;
    margin-left: 45px;
    height: 147px;
    line-height: 10;
  }

  section.sections .views-row .views-field-title a {
    font-size: 12px;
  }

  #block-views-block-teacher2-block-3 .views-row,
  #block-views-block-teacher2-block-1 .views-row {
    float: none;
    width: 198px;
    margin: 3px;
    margin: 0 auto;
  }

  #block-views-block-news-block-1 .jcarousel-control-next {
    right: 40% !important;
  }

  .sectio2-servic {
    height: auto;
  }

  .rotating .views_slideshow_cycle_slide img {
    height: auto !important;
  }
  .jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4 {
    width: 1000px !important;
  }
  #block-views-block-user-block-1 ul li ul,
  #block-adminmenu ul li ul,
  #block-views-block-user-block-2 ul li ul {
    right: -93px;
  }
  .locinfo a,
  .mailllinfo a,
  .phoneeeeinfo a {
    font-size: 15px;
  }
  #block-addtoanybuttons {
    display: none !important;
  }
  .social_login {
    display: none !important;
  }
  div#block-soci {
    display: none !important;
  }
  /***********************************************************
************************************************************
   ********************** header ***********************
************************************************************
***********************************************************/
  .main_menu {
    padding-right: 60px;
  }
  .main_menu li a {
    font-size: 14px;
  }
  .main_menu li {
    margin-left: 11px;
  }
  div#block-albthaltjryby h2 {
    font-size: 22px;
  }
  .menu2 li a {
    font-size: 10px;
  }
  .filter .views_slideshow_cycle_teaser_section,
  .filter .views_slideshow_cycle_slide {
    width: 100% !important;
  }
  .filter .views_slideshow_cycle_teaser_section img {
    max-height: 185px;
    height: 155px !important;
  }
}

@media (min-width: 768px) {
  .container {
    /*width: 100%;*/
  }
}

@media all and (max-width: 1000px) {
  section.rotating {
    height: auto;
  }
  .headertop {
    display: none;
  }

  .headertop.headertop_res {
    display: none;
  }
  .rotating .views_slideshow_cycle_teaser_section,
  .rotating .views_slideshow_cycle_main {
    height: 70vh !important;
  }
  .rotating .views_slideshow_cycle_slide img {
    height: auto !important;
  }
  .jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4 {
    width: 1000px !important;
  }
  .jcarousel-skin-default .jcarousel-control-next {
    right: 40%;
  }
  #block-views-block-user-block-1 ul li ul,
  #block-adminmenu ul li ul,
  #block-views-block-user-block-2 ul li ul {
    right: -93px;
  }
  .jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4 {
    width: 548px !important;
  }
  .locinfo a,
  .mailllinfo a,
  .phoneeeeinfo a {
    font-size: 15px;
  }
  section.rotating {
    height: auto;
  }
  #block-views-block-user-block-1 ul li ul,
  #block-adminmenu ul li ul,
  #block-views-block-user-block-2 ul li ul {
    right: -70px;
  }
  .locinfo a,
  .mailllinfo a,
  .phoneeeeinfo a {
    font-size: 15px;
  }
  #block-views-block-about-us-block-1 {
    top: auto;
    position: relative;
    width: auto;
    height: auto;
    right: auto;
    clear: both;
  }
  .page-args-ar-about-us #block-roots-content .views-field.views-field-body {
    font-size: 18px;
    width: 100% !important;
  }
  /***********************************************************
************************************************************
   ********************** header ***********************
************************************************************
***********************************************************/
  section.sections {
    padding-bottom: 0px;
  }
  .main_menu {
    padding-right: 40px;
  }
  .main_menu li {
    margin-left: 15px;
  }
  .main_menu li a {
    font-size: 10px;
  }
  div#block-albthaltjryby h2 {
    font-size: 15px;
  }
  .menu2 li a {
    font-size: 7px;
  }
  .copyright {
    padding: 0px 16px;
  }
  nav#block-altdhyyl li {
    padding-left: 8px;
    padding-right: 9px;
  }
  #sm_menu_ham {
    position: absolute;
  }
  .rotating video {
    height: auto !important;
  }
  /***********************************************************
************************************************************
   ********************** sections ***********************
************************************************************
***********************************************************/
  section.sections .views-row {
    width: 32.7%;
    margin-bottom: 5px;
  }
  /***********************************************************
************************************************************
   ********************** teacher ***********************
************************************************************
***********************************************************/
  .jcarousel-skin-default .jcarousel li {
    width: 274px;
  }
  .rotating .views_slideshow_cycle_teaser_section,
  .rotating .views_slideshow_cycle_main,
  .rotating .views_slideshow_cycle_slide {
    /*height:200px !important;	*/
  }
  .rotating
    #block-views-block-rotating-block-1
    .views-row
    .views-field-nothing {
    height: auto;
  }
  div#block-copy {
    width: 100%;
    text-align: center;
  }
  .rotating .views_slideshow_cycle_slide img {
    height: auto !important;
  }
  .copyright {
    padding: 0px 64px;
  }
  nav#block-altdhyyl li a {
    font-size: 12px;
    color: #fff;
  }
}

@media all and (min-width: 700px) and (max-width: 1200px) {
  .top_menu {
    width: 33%;
    padding: 11px 4px;
  }

  .page-args-ar-professional_branches
    #block-roots-content
    .views-row
    .views-field-field-asm-alfr-
    a,
  .page-args-ar-international_system
    #block-roots-content
    .views-row
    .views-field-field-asm-albrnamj
    a,
  .page-args-ar-category_myschool
    #block-roots-content
    .views-row
    .views-field-field-asm-alfr-
    a,
  .page-args-ar-category
    #block-roots-content
    .views-row
    .views-field-field-asm-alfr-
    a {
    font-size: 20px;
  }

  .page-args-ar-international_system #block-roots-content .cont-foroo,
  .page-args-ar-professional_branches
    #block-roots-content
    .views-row
    .cont-foroo,
  .page-args-ar-category_myschool #block-roots-content .views-row .cont-foroo {
    padding: 37px 16px !important;
  }
  .page-args-ar-about-us #block-roots-content .views-field.views-field-body {
    padding: 0px 10px;
  }

  .contact_us {
    margin-top: 0;
  }

  .footer-menu {
    width: 100%;
  }

  .footer-social {
    text-align: center;
    width: 100%;
  }

  .inner-page-content-main {
    padding: 12px 0 !important;
  }

  #block-views-block-about-us-block-1
    .views_slideshow_cycle_teaser_section
    .views-row
    .views-field-field-image {
    height: auto;
  }

  .page-args-ar-about-us #block-roots-content .left_cont {
    display: inline-block;
    width: 45%;
    padding-top: 44px;
    background: url(../images/iner_bk.png) no-repeat -6px -6px;
    font-size: 11.6px;
    font-family: "Mmtsdr_bold";
    line-height: 27px;
    background-size: 100%;
  }

  .page-args-ar-international_system #main-content .views-field-field-image img,
  .page-args-ar-category #main-content .views-row .views-field-field-image img,
  .page-args-ar-category_myschool
    #main-content
    .views-row
    .views-field-field-image
    img {
    max-width: 60px;
    height: auto;
  }

  .page-args-ar-professional_branches #block-roots-content .cont-foroo,
  .page-args-ar-category #block-roots-content .cont-foroo {
    padding: 30px 23px !important;
    height: 321px !important;
  }

  .page-args-ar-professional_branches
    #block-roots-content
    .views-field-field-image,
  .page-args-ar-international_system
    #block-roots-content
    .views-field-field-image,
  .page-args-ar-category_myschool #block-roots-content .views-field-field-image,
  .page-args-ar-category #block-roots-content .views-field-field-image {
    width: 39%;
    margin-left: 6%;
    height: auto;

    line-height: 10;
  }

  #block-views-block-teacher2-block-3 .views-row,
  #block-views-block-teacher2-block-1 .views-row {
    float: right;
    width: 24%;
    margin: 3px;
  }

  #block-views-block-news-block-1 .jcarousel-wrapper.jcarousel-skin-default {
    width: 500px !important;
  }

  .news .jcarousel-skin-default .jcarousel li {
    width: 460px;
  }

  div#block-views-block-teacher-block-1,
  #block-views-block-teacher2-block-3,
  #block-views-block-teacher2-block-1 {
    padding: 30px 0;
    padding-bottom: 13px;
  }

  .flip-card {
    height: 211px;
    overflow: hidden;
  }
  nav#block-altdhyyl li a {
    font-size: 10px;
  }

  .teacher2 {
    padding: 0px 16px;
  }

  .img-des {
    float: right;
    width: 36%;
  }

  #block-views-block-hqayq-warqam1-block-1 .views-row {
    width: 33%;
  }

  #block-views-block-news-block-1 .jcarousel-control-prev {
    left: 36% !important;
  }

  .inner_image,
  .inner_image_main {
    height: 290px;
  }
  #block-views-block-hqayq-warqam1-block-1-2 .facts-1 {
    width: 100%;
  }
  #block-views-block-hqayq-warqam1-block-1-2 {
    width: 100%;
  }
  #block-views-block-hqayq-warqam1-block-1-2 .views-row {
    width: 33%;
    padding: 0px;
  }
  nav#block-mainnavigation-2 li,
  nav#block-altdhyyl li {
    padding-left: 4px;
  }
  #block-views-block-news-block-1 h2:after {
    right: 38%;
  }
  .copyright {
    padding: 0px 64px;
  }
  .page-args-ar-category_myschool #main-content .views-field-name a,
  .page-args-ar-category #main-content .views-field-name a {
    font-size: 17px;
  }
  .inner_image {
    height: 270px;
  }

  h1.page-title {
    padding: 20px 0px !important;
    width: 87%;
  }
  #block-views-block-news-block-1 img {
    height: auto;
    min-height: auto;
  }
  .jcarousel-skin-default .jcarousel li {
    height: 237px;
  }
  .inner_image img {
    height: auto;
  }
  section.sections {
    padding-bottom: 0px;
    padding: 0px;
  }
  .copyright {
    padding: 0px 14px;
  }
  div#block-copy p {
    text-align: center;
  }
  #block-altdhyyl {
    width: 82%;
  }
  #block-views-block-about-us-block-1 {
    top: 0px;
    position: relative;
    width: auto;
    height: auto;
    right: auto;
    margin: 0px;
  }
  .page-args-ar-about-us #block-roots-content {
    display: inline-block;
    width: 100%;
    margin-bottom: 19px;
  }
  .page-args-ar-category #main-content .views-row .views-field-field-image img,
  .page-args-ar-category_myschool
    #main-content
    .views-row
    .views-field-field-image
    img {
    height: auto;
  }
  /***********************************************************
************************************************************
   ********************** header ***********************
************************************************************
***********************************************************/
  .jcarousel-skin-default .jcarousel-control-next {
    right: 38%;
  }
  .logo {
    text-align: center;
    margin-right: 0px !important;
    width: 100%;
  }
  .main_menu ul {
    display: none;
  }
  .open {
    top: 11% !important;
    left: 19px !important;
    right: unset !important;
  }
  .menu2 {
    padding-top: 0;
    position: relative;
    padding-left: 15px !important;
    left: 0px;
    width: 66%;
  }

  #block-topmenu ul li a {
    color: #fff !important;
    font-size: 14.5px;
    font-family: "Mmtsdr";
    margin-right: 13px;
  }

  .footer_top #block-sitebranding {
    text-align: center;
  }
  .main_menu {
    padding-top: 30px;
    position: absolute;
  }
  #sm_menu_ham {
    display: block;
  }
  #sm_menu_ham span {
    height: 3px;
  }
  .sm_menu_outer {
    /*background-color: #495e8d;*/
  }
  .sm_menu_outer .mobile_menu li {
    width: 100%;
  }
  .sm_menu_outer .mobile_menu li {
    list-style-type: none;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0);
    border-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0) 0%,
        #ffffff 20%,
        #ffffff 50%,
        #ffffff 80%,
        rgba(0, 0, 0, 0) 100%
      )
      0 0 1 0;
    color: #ffffff;
  }
  .sm_menu_outer .mobile_menu a,
  .sm_menu_outer .mobile_menu span {
    padding: 20px 40px;
  }
  section.rotating {
    height: 510px;
  }

  #block-topmenu ul li {
    padding: 0px 0px 3px 0px;
  }

  .header_top {
    padding-right: 60px;
    padding-top: 16px;
    padding-bottom: 10px;
  }
  .rotating video {
    height: 55vh !important;
    object-fit: cover;
  }
  .rotating .views_slideshow_cycle_teaser_section,
  .rotating .views_slideshow_cycle_main,
  .rotating .views_slideshow_cycle_slide {
    height: 200px !important;
  }
  .rotating
    #block-views-block-rotating-block-1
    .views-row
    .views-field-nothing {
    height: auto;
  }
  div#block-copy {
    width: 100%;
  }
  .rotating .views_slideshow_cycle_slide img {
    height: auto !important;
  }
}

@media all and (max-width: 700px) {
  form.node-cards-edit-form,
  form.user-cancel-form,
  form.user-register-form,
  form.profile-student-edit-form {
    width: 100%;
  }

  button#svideo {
    padding: 7px 0px 7px 0px;
    height: auto;
  }

  .sectio2-servic {
    height: auto;
  }

  .inner div#block-backblock {
    z-index: 99;
  }

  .page-args-ar-zoom #block-roots-content table tr td {
    font-size: 11px;
  }

  .flip-card {
    height: 200px;
    overflow: hidden;
  }

  #block-views-block-news-inner-block-1 .views-row .views-field-nothing {
    width: 13%;
  }

  #block-views-block-news-inner-block-1 .views-row .left-news {
    margin-right: 2%;
    width: 82%;
  }

  #views_slideshow_cycle_main_teacher2-block_3 .views_slideshow_cycle_slide,
  #views_slideshow_cycle_main_teacher2-block_3
    .views_slideshow_cycle_teaser_section {
    width: 100% !important;

    height: 198px !important;
  }

  #block-views-block-news-inner-block-2 {
    display: none;
  }

  #block-sitebranding {
    text-align: center;
  }

  .page-args-ar-professional_branches
    #block-roots-content
    .views-row
    .cont-foroo,
  .page-args-ar-category_myschool #block-roots-content .views-row .cont-foroo,
  .page-args-ar-category #block-roots-content .row10 .cont-foroo,
  .page-args-ar-category #block-roots-content .row9 .cont-foroo,
  .page-args-ar-professional_branches
    #block-roots-content
    .views-row
    .cont-foroo,
  .page-args-ar-category #block-roots-content .views-row .cont-foroo,
  .page-args-ar-professional_branches #block-roots-content .cont-foroo,
  .page-args-ar-category #block-roots-content .row7 .cont-foroo {
    padding: 21px 16px 7px 16px !important;
    margin-bottom: 0px;
    height: auto;
    background: #fff;
    box-shadow: 0px 0px 11px #cdcdcd;
    text-align: center;
    display: inline-block;
    width: 100%;
  }

  .page-args-ar-about-us #block-roots-content .img_about {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .page-args-ar-about-us #block-roots-content .left_cont {
    width: 100%;
    padding-top: 80px;
  }

  #block-views-block-hqayq-warqam1-block-1-2 .facts-1 {
    width: 100%;
    padding: 22px 0px;
  }

  #block-views-block-hqayq-warqam1-block-1-2 .views-row .views-field-title {
    font-size: 12px;
  }

  form#teachers .form-item-course,
  form#teachers .form-item-name {
    padding: 0 15px;
    width: 100%;
    float: none;
  }

  .nabtha {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    background: #f9f9f9;
    /* padding: 23px; */
    font-size: 16px;
    line-height: 41px;
    color: #000;
    margin-right: 0px;
  }

  .img-des {
    float: none;
    width: 100%;
    position: relative;
  }

  .body_webform {
    float: none;
    width: 100%;
  }

  .web_web {
    display: inline-block;
    width: 100%;
  }

  #block-views-block-hqayq-warqam1-block-1-2 .views-row {
    padding: 0px;
    width: 33%;
    float: right;
  }

  #block-views-block-hqayq-warqam1-block-1-2 {
    display: inline-block;
    width: 100%;
    clear: both;
    background: #7d4ca1;
    padding: 27px 10px;
    margin-top: 0;
  }

  .contact_us {
    margin-top: 10px;
  }

  .page-args-ar-professional_branches
    #block-roots-content
    .views-field-field-image,
  .page-args-ar-international_system
    #block-roots-content
    .views-field-field-image,
  .page-args-ar-category_myschool #block-roots-content .views-field-field-image,
  .page-args-ar-category #block-roots-content .views-field-field-image {
    line-height: 7;
  }

  .page-args-ar-professional_branches
    #block-roots-content
    .views-row
    .views-field-description__value,
  .page-args-ar-international_system
    #block-roots-content
    .views-row
    .views-field-description__value,
  .page-args-ar-category_myschool
    #block-roots-content
    .views-row
    .views-field-description__value,
  .page-args-ar-category
    #block-roots-content
    .views-row
    .views-field-description__value {
    font-size: 12px;
    padding: 6px 0px;
  }

  .inner_image,
  .inner_image_main {
    height: auto;
  }

  h1.page-title {
    padding: 10px 5px !important;
    font-size: 20px;
  }
  .jcarousel-wrapper.jcarousel-skin-default {
  }

  #block-views-block-news-block-1 {
    padding: 0px 22px;
  }

  .teacher2 {
    background: #662992;
    padding: 0px 22px;
    text-align: center;
  }

  #block-views-block-teacher2-block-1 {
    display: none;
  }
  #block-views-block-teacher2-block-3 {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
  }

  #block-views-block-news-block-1 h2 {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  #block-views-block-hqayq-warqam1-block-1 {
    position: relative;
    bottom: auto;
    left: auto;
    font-family: "Mmtsdr";
    width: 75%;
    z-index: 99;
    float: left;
  }
  .header_top {
    margin-bottom: 0px;
  }
  #block-sitebranding {
    padding-right: 0px;
    padding-bottom: 10px;
  }
  #block-sitebranding img {
    width: 84px;
  }
  #block-topmenu ul li {
    padding: 7px 0px 7px 0px;
  }
  .container1 {
    position: relative;
    z-index: 99;
    width: 100%;
  }
  .menu2 #block-menu2 {
    margin-right: 10px;
  }
  #block-views-block-hqayq-warqam1-block-1 .views-row {
    width: 33%;
    padding: 0px 4px;
  }
  #block-custom1form {
    position: absolute;
    top: 52px;
    left: auto;
    z-index: 99;
    right: 36px;
  }
  .page-args-ar-category #main-content .views-field-name {
    z-index: 9;
  }
  section.rotating .views-slideshow-controls-bottom.clearfix {
    z-index: 9;
  }
  .copyright {
    padding: 0px 64px;
  }
  section.sections {
    padding-bottom: 0px;
    padding: 0px;
  }
  .page-args-ar-category_myschool
    #main-content
    .views-row
    .views-field-field-image
    img {
    height: auto;
  }
  /***********************************************************
************************************************************
   ********************** sections ***********************
************************************************************
***********************************************************/
  section.sections .views-row {
    margin-bottom: 20px;
  }
  div#block-social li a {
    margin-left: 3px;
  }
  .jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4 {
    width: 546px !important;
  }
  .page-args-ar-category_myschool #main-content .views-field-name a,
  .page-args-ar-category #main-content .views-field-name a {
    font-size: 20px;
  }
  .locinfo a,
  .mailllinfo a,
  .phoneeeeinfo a {
    font-size: 16px;
  }
  div#block-views-block-teacher-block-1,
  #block-views-block-teacher2-block-1 {
    padding: 0px;
    position: relative;
    padding-bottom: 54px;
  }
  #block-views-block-user-block-1 ul li ul,
  #block-adminmenu ul li ul,
  #block-views-block-user-block-2 ul li ul {
    right: auto;
    top: 31px;
    width: 174px;
    left: 0px;
  }
  div#block-userloginmenu li {
    width: 100%;
    border-left: 0 !important;
    margin-bottom: 10px;
  }
  .page-args-userform .inner-page-content-main form {
    width: 100%;
  }
  .rotating .views_slideshow_cycle_teaser_section,
  .rotating .views_slideshow_cycle_main,
  .rotating .views_slideshow_cycle_slide {
    height: 200px !important;
  }
  .rotating
    #block-views-block-rotating-block-1
    .views-row
    .views-field-nothing {
    height: auto;
  }
  div#block-copy {
    width: 100%;
  }
  .rotating .views_slideshow_cycle_slide img {
    height: auto !important;
  }

  div#block-views-block-gift-block-1 {
    position: absolute;
    bottom: 0;
    right: 3px;
    font-family: "Mmtsdr";
    width: 24%;
    z-index: 99;
    float: left;
    top: auto;
  }
}

@media all and (max-width: 600px) {
  #views_slideshow_controls_text_previous_teacher2-block_3 {
    background: url(/themes/roots/assets/images/right11.png) no-repeat center !important;
    position: absolute;
    width: 60px;
    height: 67px;
    text-align: center;
    background: #e62e7c;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 0px #000;
    size: 0px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 0px #999;
    bottom: auto;
    left: auto;
    z-index: 99;
    background-size: 72% !important;
    right: 0% !important;
    top: 40%;
  }

  #views_slideshow_controls_text_pause_teacher2-block_3 {
    display: none;
  }

  #views_slideshow_controls_text_next_teacher2-block_3 {
    background: url(/themes/roots/assets/images/left12.png) no-repeat center !important;
    position: absolute;
    width: 60px;
    height: 67px;
    text-align: center;
    background: #e62e7c;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 0px #000;
    size: 0px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 0px #999;
    bottom: auto;
    left: 0% !important;
    background-size: 72% !important;
    z-index: 99;
    top: 40%;
  }

  #views_slideshow_controls_text_previous_teacher2-block_3 a,
  #views_slideshow_controls_text_next_teacher2-block_3 a {
    font-size: 0px;
  }

  #block-views-block-alkhdmat-block-2 {
    display: block;
  }

  .page-args-ar-user-verfiy message {
    display: none !important;
  }

  #block-quicktabsinnercourse #quicktabs-container-inner_course ul li a {
    font-size: 9px;
  }

  #quicktabs-tabpage-inner_course-1 .views-element-container .views-row {
    width: 100%;
    margin: 30px 0px;
  }

  #block-views-block-alkhdmat-block-1 {
    display: none;
  }

  .link_des {
    margin-top: -22px;
  }

  #block-quicktabsinnercourse #quicktabs-container-file .views-row {
    padding-top: 31%;
  }

  #block-views-block-alkhdmat-block-2 .views-field-title a {
    font-size: 19px;
    /* font-family: "Noor_Bold"; */
    color: #160a19;
    z-index: 99;
    position: relative;
    font-family: "Mmtsdr_bold";
    padding: 15px 20px 30px 20px;
    background: url(../images/bk_tit.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 80%;
    right: 7%;
  }

  #block-views-block-alkhdmat-block-2
    .jcarousel-wrapper.jcarousel-skin-default {
    max-width: 285px;
    height: 402px;
  }

  #block-views-block-alkhdmat-block-2 .views-field-title {
    position: absolute;
    top: 30px;
    width: 100%;
    left: 0%;
  }

  #block-views-block-alkhdmat-block-2 .jcarousel-control-prev {
    background: url(../images/left12.png) no-repeat center !important;
    position: absolute;

    width: 60px;
    height: 67px;
    text-align: center;
    background: #e62e7c;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 0px #000;
    size: 0px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 0px #999;
    bottom: auto;
    left: 35% !important;

    background-size: 72% !important;
    z-index: 99;
    bottom: 12px !important;
  }

  .jcarousel-skin-default .jcarousel-control-next:after,
  .jcarousel-skin-default .jcarousel-control-prev:after {
    display: none;
  }

  #block-views-block-alkhdmat-block-2 .jcarousel-control-next {
    background: url(../images/right11.png) no-repeat center !important;
    position: absolute;
    width: 60px;
    height: 67px;
    text-align: center;
    background: #e62e7c;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 0px #000;
    size: 0px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 0px #999;
    bottom: auto;
    left: auto;
    z-index: 99;
    background-size: 72% !important;
    right: 27% !important;
    bottom: 12px !important;
  }

  #block-views-block-alkhdmat-block-2 .jcarousel-skin-default .jcarousel li {
    width: 308px;
    height: 320px;
    position: relative;
  }

  .top_menu {
    text-align: center;
  }

  div#block-views-block-user-block-4 .views-field-nothing h1.page-title {
    margin: 0px !important;
    text-align: center;
    width: 100%;
  }

  #loader {
    right: 37% !important;
  }

  .cont-jeel {
    opacity: 1;
    bottom: 7px;
    right: 93px;
    width: 185px;
    text-align: center;
    padding: 8px;
  }

  .page-args-edit #block-roots-content form {
    width: 100%;
  }

  #block-views-block-user-block-1-2 ul li a,
  #block-views-block-user-block-3 ul li a {
    width: 67%;
    font-size: 22px;
  }

  #quicktabs-container-inner_course .ui-widget.ui-widget-content ul {
    width: 100% !important;
  }

  #block-views-block-user-block-1-2 ul li,
  #block-views-block-user-block-3 ul li,
  #block-views-block-user-block-1-2 ul li:nth-child(2),
  #block-views-block-user-block-3 ul li:nth-child(2) {
    background-size: 100px;
  }

  #block-views-block-news-block-2 .views-field-title a,
  #block-views-block-news-block-1 .views-field-title a {
    font-size: 13px;
  }

  .footer_top #block-sitebranding {
    text-align: center;
  }

  .inner header.container1 {
    position: relative;
    z-index: 9;
    width: 100%;
    top: 0px;
    left: 0px;
  }

  .footer-menu {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  nav#block-mainnavigation-2 li,
  nav#block-altdhyyl li {
    width: 50%;
    border-left: 0px solid #fff;
    text-align: right;
  }

  nav#block-mainnavigation-2 li:first-child,
  nav#block-altdhyyl li:first-child {
    padding-right: 20px;
  }

  #block-views-block-news-block-2 .views-field-view-node,
  #block-views-block-news-block-1 .views-field-view-node {
    margin-top: 19px;
  }

  #block-views-block-news-block-1 .jcarousel-control-next {
    right: 32% !important;
  }

  #block-views-block-news-block-1 .jcarousel-control-prev {
    left: 33% !important;
  }

  #block-views-block-news-block-1 .jcarousel-wrapper.jcarousel-skin-default {
    height: 225px;
  }

  .news .jcarousel-skin-default .jcarousel li {
    height: 140px;
  }

  #block-views-block-news-block-1 .cont-news {
    padding: 10px 16px !important;
  }

  .news .jcarousel-skin-default .jcarousel li {
    width: 308px;
  }
  .ui-widget.ui-widget-content {
    display: none;
  }

  #quicktabs-tabpage-inner_course-1 .ui-widget.ui-widget-content {
    display: inline-block !important;
  }

  .h1,
  h1 {
    font-size: 18px;
  }

  .jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4 {
    width: 546px !important;
  }
  .menu2 {
    top: 9px;
  }
  .copyright {
    padding: 0px 64px;
  }
  .page-args-ar-category #main-content .views-row .views-field-field-image img,
  .page-args-ar-category_myschool
    #main-content
    .views-row
    .views-field-field-image
    img {
    height: auto;
  }
  section.sections {
    padding-bottom: 0px;
    padding: 0px;
  }
  section.rotating {
    height: auto;
  }
  .page-args-ar-news .views-row .views-field-view-node,
  #block-views-block-news-block-1 .views-field-view-node {
    width: 100%;
    position: relative;
    text-align: left;
  }
  #block-views-block-news-block-1 h2:after {
    right: 37%;
  }
  h1.page-title {
    font-size: 17px;
    width: 100%;
  }
  div#block-roots-page-title,
  div#block-views-block-user-block-4 {
    height: auto;
    padding-right: 3px;
    min-width: 100%;
    z-index: 9;
  }
  .page-args-ar-news .views-row .cont-news,
  #block-views-block-news-block-1 .cont-news {
    display: inline-block;
    width: 100%;
    padding-right: 0px;
  }
  .copyright {
    padding: 0px !important;
  }
  div#block-copy p {
    text-align: center;
  }
  div#block-views-block-teacher-block-1 h2:after,
  #block-views-block-teacher2-block-1 h2:after {
    right: 37%;
  }
  #views_slideshow_controls_text_previous_news-block_1 a {
    top: auto;
    left: 0px;
  }
  .sectio2-servic {
    background: #fff;
  }
  .rotating .views_slideshow_cycle_teaser_section,
  .rotating .views_slideshow_cycle_main,
  .rotating .views_slideshow_cycle_slide {
    height: 200px !important;
  }
  .rotating
    #block-views-block-rotating-block-1
    .views-row
    .views-field-nothing {
    height: auto;
  }
  div#block-copy {
    width: 100%;
  }
  .rotating .views_slideshow_cycle_slide img {
    height: auto !important;
  }
  .news {
    padding: 0px;
  }
  .page-args-ar-news .views-row .views-field-field-image,
  #block-views-block-news-block-1 .views-field-field-image {
    height: auto;
    overflow: hidden;
    float: none;
    width: 100%;
  }
  #block-views-block-news-block-1 img {
    height: auto;
    min-height: auto;
  }
  #block-social {
    float: none;
    width: 100%;
    text-align: center;
  }
  section.rotating {
    height: auto !important;
    padding-top: 0px;
  }
  .page-args-ar-news .views-row .views-field-title a,
  #block-views-block-news-block-1 .views-field-title a {
    margin-top: 6px;
  }
  #block-views-block-about-us-block-1 {
    top: auto;
    position: relative;
    width: 100%;
    height: auto;
    right: 0px;
    margin: 0px;
  }
  #block-views-block-about-us-block-1
    .views-slideshow-controls-bottom
    .views_slideshow_pager_field_item {
    float: left;
    width: 20%;
  }
  #block-views-block-about-us-block-1
    .views-slideshow-controls-bottom
    .views-field-field-image
    img {
    width: 55px;
    height: auto;
  }

  .page-args-ar-international_system #main-content .views-row,
  .page-args-ar-category_myschool #main-content .views-row,
  .page-args-ar-category #main-content .views-row {
    padding: 0px;
  }

  .page-args-ar-professional_branches
    #block-roots-content
    .views-row
    .views-field-field-asm-alfr-
    a,
  .page-args-ar-international_system
    #block-roots-content
    .views-row
    .views-field-field-asm-albrnamj
    a,
  .page-args-ar-category_myschool
    #block-roots-content
    .views-row
    .views-field-field-asm-alfr-
    a,
  .page-args-ar-category
    #block-roots-content
    .views-row
    .views-field-field-asm-alfr-
    a {
    font-size: 21px;
  }

  .page-args-ar-category #main-content .views-row img {
    width: 55px !important;
  }

  .page-args-ar-category #block-roots-content .row8 .cont-foroo,
  .page-args-ar-professional_branches #block-roots-content .cont-foroo,
  .page-args-ar-category #block-roots-content .row7 .cont-foroo {
    width: 100%;

    padding: 41px 16px;
    height: auto;
    text-align: center;
  }

  .page-args-ar-professional_branches
    #block-roots-content
    .views-field-field-image,
  .page-args-ar-international_system
    #block-roots-content
    .views-field-field-image,
  .page-args-ar-category_myschool #block-roots-content .views-field-field-image,
  .page-args-ar-category #block-roots-content .views-field-field-image {
    float: right;
    width: 110px;
    /* width: 190px; */
    margin-left: 9px;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    height: 117px;
    line-height: 9;
    box-shadow: 2px 1px 10px #cdcdcd61;
  }

  .page-args-ar-about-us #block-roots-content .views-field.views-field-body {
    padding: 12px !important;
  }
  section.sections .views-row {
    width: 49%;
    margin-bottom: 0px;
  }
  #sm_menu_ham {
    position: absolute;
  }
  header.container-fluid.no-margin {
    padding-bottom: 9px !important;
  }
  .menu2 {
    padding: 0 !important;
    padding-top: 10px !important;
    text-align: center;
    position: relative;
  }
  .main_menu {
    padding-top: 49px;
    position: absolute;
    padding-left: 59px;
  }
  #block-menu2 {
    display: inline-block;
    float: left;
    padding-left: 33%;
  }
  div#block-views-block-user-block-1,
  #block-views-block-user-block-2,
  #block-adminmenu {
    display: inline-block;
    float: right;
    padding-left: 20px;
    border-left: 1px solid #fff;
    padding-right: 20%;
  }
  .menu2 li a {
    font-size: 10px;
  }
  .main_menu {
    padding-top: 27px;
    position: absolute;
    padding-left: 59px;
  }
  section.rotating {
    padding-top: 0vh;
  }
  #mutebutton {
    top: 132px;
    left: 23px;
    width: 37px;
  }
  #sm_menu_ham {
    z-index: 999;
  }
  .sm_menu_outer {
    height: 100vh;
  }
  .open {
    top: 3% !important;
    left: 19px !important;
    right: unset !important;
    z-index: 9999 !important;
  }
  .sm_menu_outer .mobile_menu a,
  .sm_menu_outer .mobile_menu span {
    padding: 20px 40px;
    font-family: "jfflat";
  }
}

@media all and (max-width: 550px) {
  #block-views-block-header-inner-cource-block-1 {
    position: relative;
    left: auto;
    top: auto;
  }

  .page-node-type-course .inner_image a {
    font-size: 15px;
    border: 2px solid #82449a;
    background: #fff;
    color: #000;
    margin-right: 94px;
    padding: 2px 23px;
  }

  section.rotating {
    height: auto;
  }
  section.rotating {
    padding-top: 0vh;
  }
  .jcarousel-wrapper.jcarousel-skin-default {
    max-width: 269px;
    position: relative;
  }
  .jcarousel-skin-default .jcarousel-control-prev {
    bottom: -28px !important;
    left: 40% !important;
  }
  .jcarousel-skin-default .jcarousel-control-next {
    right: 33%;
    bottom: -28px !important;
  }
  .jcarousel-skin-default .jcarousel li {
    height: 242px;
  }
  #block-menu2 {
    display: inline-block;
    float: left;
    padding-left: 29%;
  }
  .main_menu {
    padding-top: 27px;
    position: absolute;
    padding-left: 5%;
  }

  #block-topmenu ul li a {
    margin-right: 18px;
  }
}

@media all and (max-width: 500px) {
  #quicktabs-inner_course
    .ui-accordion
    .ui-accordion-content
    .views-row
    .views-field-field-media-image {
    height: 123px;
  }

  #quicktabs-inner_course
    .ui-accordion
    .ui-accordion-content
    .views-row
    .views-field-nothing-2 {
    background-size: 100px;
    height: 190px;
    overflow: hidden;
    border-radius: 51px;
    background: #b5b5b569 url(/sites/default/files/logo_1.png) no-repeat center
      27px;
    background-size: 100px;
  }

  #block-views-block-teacher2-block-3 .views-slideshow-controls-bottom,
  #block-views-block-teacher2-block-1 .views-slideshow-controls-bottom {
    margin-top: 26px;
  }

  #quicktabs-inner_course .ui-accordion .ui-accordion-content .views-row {
    width: 48%;
    height: 186px;
    margin: 10px 1%;
  }

  div#block-views-block-teacher-block-1 h2,
  #block-views-block-teacher2-block-3 h2,
  #block-views-block-teacher2-block-1 h2 {
    margin-bottom: 10px;
  }

  .menu2 {
    padding-top: 10px;
    text-align: center;
    /* margin: auto; */
    position: relative;
  }
  .menu2 ul {
    float: none;
  }
  .jcarousel-skin-default .jcarousel li {
    width: 287px;
    margin-right: 1px;
  }
  .filter .views_slideshow_cycle_teaser_section,
  .filter .views_slideshow_cycle_slide {
    height: 100px !important;
  }
  .filter .views_slideshow_cycle_teaser_section img {
    height: 100px !important;
  }
  div#block-views-block-teacher-block-1,
  #block-views-block-teacher2-block-1 {
    padding-bottom: 40px;
  }
  #mutebutton {
    top: 150px;
    left: 25px;
  }
  div#block-soci li a {
    background-position-x: 45% !important;
    width: 45px;
    height: 30px;
    font-size: 0px;
  }
  .page-args-ar-locations #block-roots-content .views-row {
    width: 100%;
  }
  .page-args-ar-teachers #main-content .views-row img {
    width: 98%;
  }
  .page-args-ar-teachers #main-content .views-row fieldset {
    z-index: 97;
  }
  .views-exposed-form .form-item {
    width: 36.333333%;
  }
  div#block-userloginmenu li a {
    font-size: 18px;
  }
  .menu2 {
    top: 2px;
    padding-left: 0 !important;
  }
  .main_menu {
    padding-top: 0;
    position: absolute;
    padding-left: 0;
    left: 0px;
    top: 101px;
    padding-right: 0px;
  }

  .main_menu li a {
    padding: 4px 9px 6px 9px;
  }

  .main_menu li {
    float: right;
  }

  .page-args-ar-about-us #block-breadcrumbs ol {
    margin-right: 4px;
  }

  .main_menu li {
    margin-left: 2px;
  }

  .main_menu li a {
    font-size: 9px;
  }
  section.rotating {
    padding-top: 0vh;
  }
  section.sections .views-row {
    width: 49%;
    margin-bottom: 0px;
  }
  .jcarousel-wrapper.jcarousel-skin-default {
    max-width: 289px;
    position: relative;
  }
  .rotating video {
    height: 25vh !important;
    object-fit: cover;
  }
  section.sections {
    padding: 0px 0px;
  }
  section.sections .views-row .views-field-field-image {
    width: auto;
    height: auto;
  }
  section.sections .views-row .views-field-field-image img {
    margin: 0 auto;
    transition: 0.3s;
    width: auto;
    height: auto;
  }
  section.sections .views-row .views-field-title a {
    margin-bottom: 12px;
    font-size: 13px;
    color: #160a19;
  }
  .page-args-ar-category #main-content .views-row:last-child {
    margin-right: 0;
  }
  .page-args-ar-teachers div#block-roots-page-title h1 {
    text-align: right;
    width: 100%;
    color: #fff;
    transition: 6s all linear;
    font-size: 19px;
  }
  div#block-views-block-teacher2-block-2 {
    top: 31%;
    width: 100%;
    font-size: 13px;
  }
  .inner_image {
    height: 128px !important;
    background-attachment: initial !important;
    /*  background: #ffffff;  */
    overflow: hidden;
  }
  .inner-page-content-main {
    padding-top: 10px !important;
  }
  .inner_image .views-row .views-field-field-inner-image img {
    height: auto;
  }
  #block-views-block-teachers-block-1 .views-field-field-demonstration-video,
  #block-views-block-teachers-block-1 .views-field-field-free-video,
  .page-args-ar-teacher #block-roots-content .views-field-field-free-video,
  .page-args-ar-teacher #block-roots-content .views-field-field-trail-video- {
    width: 100%;
  }
  .page-args-ar-teacher #block-roots-content fieldset {
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 0px;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  #block-views-block-teachers-block-1 .views-field-nothing,
  .page-args-ar-teacher #block-roots-content .views-field-nothing {
    width: 100%;
    margin-top: 129px;
  }
  div#block-views-block-user-block-1,
  #block-views-block-user-block-2,
  #block-adminmenu {
    padding-right: 16%;
  }
  nav#block-menu2 {
    padding-left: 27%;
  }
  #block-custom1form {
    position: absolute;
    top: 51px;
    left: auto;
    z-index: 99;
    right: 36px;
  }

  .item .views-field-nothing-2 div {
    display: inline-block;
    width: 48.5%;
    height: auto;
    /* align-items: center; */
    margin: 0.5%;
    overflow: hidden;
    margin-top: 17px;
  }

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.item-page {
    width: 94% !important;
    height: 453px !important;
  }

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.item-page
    .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
    max-height: 100% !important;
  }
}

@media all and (max-width: 450px) {
  .page-args-ar-professional_branches
    #block-roots-content
    .views-row
    .views-field-nothing
    a,
  .page-args-ar-international_system
    #block-roots-content
    .views-row
    .views-field-nothing
    a,
  .page-args-ar-category_myschool
    #block-roots-content
    .views-row
    .views-field-nothing
    a,
  .page-args-ar-category
    #block-roots-content
    .views-row
    .views-field-nothing
    a {
    padding: 6px 25px;
  }

  .page-args-ar-international_system #block-roots-content .row81 .cont-foroo,
  .page-args-ar-international_system #block-roots-content .row83 .cont-foroo,
  .page-args-ar-international_system #block-roots-content .row82 .cont-foroo {
    height: auto;
    padding: 60px 29px;
  }
  .jcarousel-wrapper.jcarousel-skin-default {
    max-width: 346px;
  }
  div#block-soci {
    float: right;
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 99;
    width: 42px;
  }
  div#block-soci li a {
    background-position-x: 45% !important;
    width: 37px;
    height: 37px;
    font-size: 0px;
  }
  div#block-albthaltjryby h2 {
    font-size: 12px;
  }
  .jcarousel-skin-default .jcarousel li {
    height: 262px;
    width: 261px;
    margin-right: 1px;
  }
  nav#block-menu2 {
    padding-left: 24%;
  }
  div#block-views-block-user-block-1,
  #block-views-block-user-block-2,
  #block-adminmenu {
    padding-right: 12%;
  }
}

@media all and (max-width: 400px) {
  .jcarousel-wrapper.jcarousel-skin-default {
    max-width: 100%;
  }
  .jcarousel-skin-default .jcarousel-control-prev {
    bottom: 3px !important;
    left: 38% !important;
    top: auto;
  }
  .jcarousel-skin-default .jcarousel-control-next {
    right: 38%;
    bottom: 3px !important;
    top: auto;
  }
  .link_des {
    margin-top: 0px;
  }
  .views-view-grid .views-col {
    width: 50% !important;
  }
  .views-view-grid .views-row img {
    height: auto;
  }
  .page-args-ar-my-course table {
    width: 100%;
  }
  nav#block-altdhyyl li {
    padding-left: 14px;
    padding-right: 6px;
    border-left: 1px solid #fff;
    line-height: 1;
  }
  nav#block-altdhyyl li a {
    font-size: 10px;
    color: #fff;
  }
  nav#block-altdhyyl {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 13px;
    padding-bottom: 12px;
  }
  div#block-alshrwtwalahkam {
    color: #fff;
    font-size: 11px;
  }
  div#block-copy {
    font-size: 10px;
    color: #fff;
    padding: 10px 0;
    background: #2e2e2e;
    margin-top: 0px;
    width: 100%;
    padding-bottom: 16px !important;
    display: inline-block;
  }
  div#block-copy p {
    text-align: center;
  }
  .filter .views_slideshow_cycle_teaser_section,
  .filter .views_slideshow_cycle_slide {
    height: auto !important;
    min-height: 57px;
  }
  .filter .views_slideshow_cycle_teaser_section img {
    height: auto !important;
    min-height: 58px;
  }
  section.rotating {
    padding-top: 0vh;
  }
  div#block-albthaltjryby h2 {
    font-size: 10px;
  }
  nav#block-menu2 {
    display: inline-block;
    float: left;
    clear: both;
    padding-left: 19%;
  }
  div#block-views-block-user-block-1,
  #block-views-block-user-block-2,
  #block-adminmenu {
    padding-right: 11%;
  }
  #block-custom1form {
    width: 100%;
    right: 0px;
    top: 52px;
    width: 64px;
  }
  #block-custom1form .dropdown-content2 {
    width: 300px;
  }
  section.rotating .views-slideshow-controls-bottom.clearfix {
    z-index: 9;
  }
  #block-custom1form {
    position: absolute;
    top: 52px;
    left: auto;
    z-index: 99;
    right: 36px;
  }

  div#block-views-block-user-block-4 .views-field-nothing h1.page-title {
    margin-right: 0px;
  }

  .page-args-ar-international_system #block-roots-content .row81 .cont-foroo,
  .page-args-ar-international_system #block-roots-content .row83 .cont-foroo,
  .page-args-ar-international_system #block-roots-content .row82 .cont-foroo {
    height: auto;
    padding: 60px 29px;
  }

  .item .views-field-nothing-2 div {
    display: inline-block;
    width: 47.5%;
    height: auto;
    /* align-items: center; */
    margin: 0.5%;
    overflow: hidden;
    margin-top: 17px;
  }

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.item-page {
    height: 350px !important;
  }

  .cont-jeel {
    right: 23%;
  }
}

@media all and (max-width: 350px) {
  .news .jcarousel-skin-default .jcarousel li {
    width: 237px;
  }

  .views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    padding: 0 5px;
  }

  #block-views-block-news-block-1 .jcarousel-control-next {
    right: 24% !important;
  }

  .main_menu {
    padding-top: 0;
    position: absolute;
    padding-left: 0;
    left: 10px;
    top: 101px;
  }
  .main_menu li a {
    font-size: 8px;
  }

  .cont-jeel {
    right: 53px;
    width: 64%;
  }

  .jcarousel-skin-default .jcarousel li {
    width: 215px;
    margin-right: 1px;
    height: 216px;
  }
  #mutebutton {
    top: 24%;
    left: 19px;
  }
  nav#block-menu2 {
    display: inline-block;
    float: left;
    clear: both;
    padding-left: 5%;
  }
  div#block-views-block-user-block-1,
  #block-views-block-user-block-2,
  #block-adminmenu {
    padding-right: 11%;
  }
  .main_menu {
  }
}

/****************************************** 1024px ******************************************************/
@media (max-width: 1000px) {

  .page-args-ar-my-course-notfree #block-roots-content table tr, .page-args-ar-my-course-free #block-roots-content table tr{
    width:100%;
  }
  #sm_menu_ham {
    display: block !important;
  }
  #sm_menu_ham span {
    background-color: #000 !important;
  }

  .open {
    top: 2% !important;
  }
  .sm_menu_outer .mobile_menu li {
    width: 100%;
  }
  .teacher2.aos-init {
    overflow-x: hidden;
  }
}
@media (max-width: 900px) {
  #block-views-block-hqayq-warqam1-block-1 {
    width: 100%;
    padding: 30px 15px;
  }
  .inner_image,
  .inner_image_main {
    height: 300px !important;
  }
  .inner_image .views-row .views-field-field-inner-image img {
    height: 300px;
  }
  .imgaboutt,
  .abuuuut {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .abuuuut p {
    line-height: 1.8;
  }
  #block-views-block-alkhdmat-block-3 {
    padding: 20px;
    background-size: cover;
  }
}
@media (max-width: 600px) {
  #sm_menu_ham.open span {
    background-color: #fff !important;
  }
  .rotating #block-views-block-rotating-block-1 {
    margin-top: 50px;
  }
  .rotating #block-views-block-rotating-block-1 .views-row fieldset {
    position: absolute;
    top: 0;
    z-index: 99;
    right: auto;
    padding: 10px 15px;
  }
  .rotating #block-views-block-rotating-block-1 .views-row .views-field-title {
    font-size: 20px;
  }
  .rotating #block-views-block-rotating-block-1 .views-row .views-field-body {
    font-size: 18px;
  }
  .rotating #block-views-block-rotating-block-1 .views-row .views-field-body p {
    line-height: 1.8;
  }
  .sectio2-servic .views-field.views-field-nothing-1 {
    text-align: center;
  }
  #block-views-block-hqayq-warqam1-block-1 .views-row {
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
    padding-right: 21px !important;
  }
  .sectio2-servic {
    margin: 20px 0;
  }
  #block-views-block-hqayq-warqam1-block-1 {
    background-size: 99% 99%;
    background-position: 2px;
    margin-bottom: 20px;
  }
  #block-views-block-hqayq-warqam1-block-1 .views-row .views-field-field-alrqm {
    margin: 2px 15px;
  }
  /* #block-views-block-teacher2-block-3 .views-slideshow-controls-bottom {
    display: none;
  } */
  #block-views-block-teacher2-block-3 {
    padding-bottom: 66px;
  }
  .cont-jeel {
    opacity: 1;
    bottom: 0;
    right: auto;
    left: 50%;
    width: 50%;
    text-align: center;
    padding: 8px;
    transform: translateX(-50%);
  }
  #block-views-block-news-block-1 .jcarousel-control-prev,
  #block-views-block-news-block-1 .jcarousel-control-next {
    bottom: 0 !important;
  }
  #block-views-block-news-block-1 .jcarousel-control-next {
    right: 26% !important;
  }
  #block-views-block-news-block-1 .jcarousel-control-prev {
    left: 26% !important;
  }
  #block-logoabout {
    width: 100%;
    padding: 0;
  }
  #block-logoabout p {
    width: 100% !important;
  }
  .footer_top {
    background-size: cover;
  }
  #block-mainnavigation-2 {
    width: 100%;
    margin-top: 20px;
  }
  nav#block-mainnavigation-2 li:first-child,
  nav#block-altdhyyl li:first-child {
    padding-right: 0;
  }
  #block-socialfooter {
    width: 100%;
    text-align: center;
    padding: 10px;
  }
  .copyright {
    padding-bottom: 0 !important;
  }
  .footer-menu {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .page-args-ar-professional_branches
    #block-roots-content
    .views-row
    .cat-contt,
  .page-args-ar-international_system #block-roots-content .views-row .cat-contt,
  .page-args-ar-category_myschool #block-roots-content .views-row .cat-contt,
  .page-args-ar-category #block-roots-content .views-row .cat-contt {
    width: 100%;
    text-align: right;
    margin-top: 20px;
  }
  .page-args-ar-professional_branches
    #block-roots-content
    .views-row
    .cat-contt
    .views-field.views-field-nothing,
  .page-args-ar-international_system
    #block-roots-content
    .views-row
    .cat-contt
    .views-field.views-field-nothing,
  .page-args-ar-category_myschool
    #block-roots-content
    .views-row
    .cat-contt
    .views-field.views-field-nothing,
  .page-args-ar-category
    #block-roots-content
    .views-row
    .cat-contt
    .views-field.views-field-nothing {
    text-align: left;
  }
  .page-args-ar-teachers div#block-roots-page-title h1 {
    text-align: center !important;
  }
  .page-args-ar-contact-us form.webform-submission-contact-form {
    padding: 0;
  }
  .page-args-ar-contact-us
    form.webform-submission-contact-form
    .form-item-alasm-alakhyr,
  .page-args-ar-contact-us
    form.webform-submission-contact-form
    .form-item-name {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .inner_image,
  .inner_image_main {
    margin-top: 50px !important;
  }
  .page-args-ar-contact-us .body_webform {
    width: 100%;
  }
  .infoo {
    width: 100%;
    margin-top: 10px;
  }
  .user-login-form input[type="checkbox"] {
    margin-right: 0 !important;
  }
  .page-args-userform .pass {
    display: inline-block;
    width: 100%;
    margin-left: 0 !important;
    border-bottom: none !important;
    padding: 10px;
  }
  #block-roots-content form.forgetpassword {
    width: 100%;
  }
  form.forgetpassword .form-item-username::after {
    bottom: -54px;
  }
  #block-roots-content form.forgetpassword input.form-submit {
    margin-top: 60px;
  }
}
@media (max-width: 340px) {
  .rotating
    #block-views-block-rotating-block-1
    .views-row
    .views-field.views-field-field-image
    img {
    min-height: 400px;
    object-fit: none;
  }
}

/****************************************** 1024px ******************************************************/