@media all and (max-width:1200px){
    
    
            /***********************************************************
************************************************************
   ********************** about ***********************
************************************************************
***********************************************************/
            
            .page-args-ar-about-us #block-roots-content .views-field.views-field-body {
    font-size: 18px;
    width: 100%;
            }
            
            
            .page-args-ar-about-us #block-roots-content .views-field.views-field-nothing{
                    margin-bottom: 30px;
            }
          .sm_menu_outer li.menu-item:nth-child(4),#block-altdhyyl  li.menu-item:nth-child(4),#block-alshrwtwalahkam,#block-views-block-teachers-block-1 .views-field-nothing a,
 .page-args-ar-about-us #block-roots-content .views-field.views-field-nothing,
 #block-views-block-user-block-1-2 ul li:nth-child(3), #block-views-block-user-block-3 ul li:nth-child(3),
 #block-mainnavigation li.menu-item:nth-child(4),
 div#block-views-block-banners-block-1,#block-video,
 #block-roots-content .group-wrapper .views-field-views-conditional-field span,
/* .page-args-userform .inner-page-content-main form .js-form-item-student-profiles-0-entity-field-phone-number-0-value,*/
 .page-args-ar-teacher #block-roots-content fieldset .views-field-field-free-video-media .field-content video,
 .page-args-ar-teacher #block-roots-content .views-field-field-free-video video,
 section.rotating,
 #quicktabs-inner_course header,
 .none,
 div#block-views-block-social-block-1,
 .page-args-ar-teacher #block-roots-content fieldset,
 .page-args-ar-teacher #block-roots-content .views-field-field-free-video,
 .not-res,
 nav#block-mainnavigation
{
    display: none !important;
} 

div#block-views-block-alkhdmat-block-1 {
    margin-top: 14%;
}

#block-views-block-teachers-block-1 .views-field-nothing a, .page-args-ar-teacher #block-roots-content .views-field-nothing a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 32px;
    background: none;
    text-align: center;
    text-decoration: underline;
}
/* .page-args-ar-courses #block-roots-content .group-wrapper .views-row .views-field-nothing-1 a, .page-args-ar-course #block-roots-content .group-wrapper .views-field-nothing-1 a, .page-args-ar-courses3 #block-roots-content .group-wrapper .views-row .views-field-nothing-1 a
{
    pointer-events: none;
} */
#block-views-block-teacher2-block-1,
#block-views-block-alkhdmat-block-1
{
    margin-bottom: 10%;
}

.res
{
    display: inline-block !important;;
}


#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;
    text-align: center;
}

#sm_menu_ham, .sm_menu_outer
{
    display: block;
}

.sm_menu_outer .mobile_menu a, .sm_menu_outer .mobile_menu span {
    padding: 20px 40px;
}

    

.main_menu.col-md-8.col-sm-8.col-xs-12 {
    width: auto;
    float: none;
    padding: 0;
}

.menu2.col-md-3.col-sm-3.col-xs-12 {
    position: absolute;
    top: 26%;
    left: 9px;
}

.logo {
    margin: 0 auto !important;
    float: none;
    width: auto;
    display: inline-block;
}

header.container-fluid.no-margin {
    text-align: center;
}
}


@media all and (max-width:1000px)
{
    .page-args-ar-courses #block-roots-content .group-wrapper .views-row, .page-args-ar-course #block-roots-content .group-wrapper, .page-args-ar-courses3 #block-roots-content .group-wrapper .views-row {
        width: 48%;
        display: inline-block;
        margin: 1%;
        float: right;
        height: 246px;
        height: 230px;
        argin-bottom: 20px;
        background: #f9f9f9;
        overflow-y: hidden;
    }
}


@media all and (max-width:800px){
 
    
   
    
    .page-args-ar-contact-us #block-roots-content h2 {
    display: inline-block;
    width: 100%;
    height: 250px;

    }
    
    
    .page-args-ar-contact-us #block-roots-content h2:first-child {

    padding-top: 20%;
}

   .page-args-ar-contact-us #block-roots-content h2{
    margin-bottom: 20px;
    padding-top: 20%;
}


.page-args-ar-contact-us #block-roots-content h2:last-child{
     padding-top: 20%;
}


form#webform-submission-contact-node-1465-add-form fieldset{
        width: 100%;
}
    

form#webform-submission-contact-node-1465-add-form #edit-processed-text {
    width: 100%;
}


form#webform-submission-contact-node-1465-add-form .webform-flexbox{
    display: block;
}


form#webform-submission-contact-node-1465-add-form input#edit-rqm-alhatf {
    width: 93%;
}

form#webform-submission-contact-node-1465-add-form label {
    margin-top: 20px;
}


#quicktabs-inner_course header
{
    display: none;
}
.logo {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    float: none;
}

header.container-fluid.no-margin
{
    text-align: center;

    padding: 10px 0 !important;
}

.menu2 {
    padding-top: 0;
    position: absolute;
    padding-left: 15px!important;
    float: left;
    left: 0;
    top: 26%;
}
.page-args-ar-category #main-content .views-row, .page-args-ar-categories #main-content .views-row
    {
        height: auto;
    }

    .page-args-ar-categories #main-content .views-row img,
    .page-args-ar-category #main-content .views-row img {
        width: 100%;
        border-radius: 9px;
        height: auto;
    }

    .page-args-ar-categories #main-content .views-field-field-image a ,
    .page-args-ar-category #main-content .views-row .views-field-field-image a
    {
        width: 100%;
    }

    .jcarousel-wrapper.jcarousel-skin-default {
        
        max-width: 64%;
        height: 243px;
    }
}





@media all and (max-width:700px){
    
    
    form#webform-submission-contact-node-1465-add-form fieldset{
            padding-left: 10px;
    }
    
    form#webform-submission-contact-node-1465-add-form textarea{
        width: auto;
    }

    div#block-userloginmenu li {
        width: 100%;
        border-left: 0!important;
        margin-bottom: 10px;
        float: none;
        width: auto;
        display: inline-block;
        margin: 1%;
    }

    div#block-userloginmenu ul {
        width: 100%;
        text-align: center;
    }


    .page-args-ar-courses #block-roots-content .group-wrapper .views-row, .page-args-ar-course #block-roots-content .group-wrapper, .page-args-ar-courses3 #block-roots-content .group-wrapper .views-row {
        width: 99%;
    }

    h1.page-title {
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 28px;
    }

    
}




@media all and (max-width:600px){
    
    
    form#webform-submission-contact-node-1465-add-form input {
    width: 92%;
    }
    
    
    form#webform-submission-contact-node-1465-add-form textarea {
    width: 92%;
}
.inner_image
{
	    height: 200px;
}

div#block-roots-page-title,div#block-views-block-user-block-4 {

    height: 245px;

}

.page-args-ar-about-us #block-roots-content .views-field.views-field-body
{
	padding-left:0px;
}
.views-exposed-form .form-item {
    display: inline-block;
    padding: 0 15px;
    width: 49%;
}
.views-exposed-form .form-actions {
    display: inline-block;
    padding-right: 3%;
}
.page-args-ar-teachers #main-content .views-row .views-field-field-image {
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.page-args-ar-teachers #main-content .views-row {
    float: right;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
	padding:0px;
}
.page-args-ar-teachers #main-content .views-row fieldset {
    display: inline-block;
    width: 100%;
	z-index:9;
}
.page-args-ar-teachers #main-content .views-row img {
    width: 100%;
}
form#webform-submission-contact-node-1465-add-form input
{
	width:100%;
}
#block-views-block-teachers-block-1 .views-field.views-field-field-image, .page-args-ar-teacher #block-roots-content .views-field.views-field-field-image {
    width: 100%;
    line-height: 1.5;
    display: inline-block;
    text-align: left;
    padding-right: 0;
    height: auto;
    overflow: hidden;
}
#block-views-block-teachers-block-1 .views-field-body, .page-args-ar-teacher #block-roots-content .views-field-description__value {
    width: 100%;
    line-height: 1.5;
    display: inline-block;
    text-align: justify;
    float: right;
}
#block-views-block-teachers-block-1 .views-field-nothing, .page-args-ar-teacher #block-roots-content .views-field-nothing {
    width: 100%;
    /* float: right; */
    margin-top: 80px;
    height: 74px;
    margin-right: 0;
    display: inline-block;
}
.page-args-ar-teacher #block-roots-content .views-field.views-field-field-image img {
    width: 100%;
    height: auto;
    min-height: auto;
}

video
{
	width:100% !important; 
}
.inner header.container-fluid.no-margin
{
	padding-bottom:7px !important;
}
div#block-roots-page-title,div#block-views-block-user-block-4 {
    height: 314px;
}

#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%;
	    text-align: right;
		margin-right:0px;
}
.page-args-ar-courses #block-roots-content .group-wrapper, .page-args-ar-course #block-roots-content .group-wrapper
{
    width: 100%;
    display: inline-block;
    margin-left: 0;
}
.plugin #providers .provider {
    width: 47% !important;
    padding: 2px 10px 8px 0px; 
}
form#views-exposed-form-aldwrat-page-2 .form-item
{
	width:46%;
}

.ui-widget.ui-widget-content
{
	width:94% !important;
}
.ui-widget.ui-widget-content input,
.page-node-user .user-form
{
	width:100%;
}

#block-roots-content
{
	width:100%;
	
}
.contact_information {
    width: 100%;
    margin-right: 0%;
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #4e4e4e;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 56px;
}
form#webform-submission-ald-m-alfny-node-1471-add-form {
    display: inline-block;
    width: 100%;
    padding-left: 0;
}
form#webform-submission-contact-node-1465-add-form .form-item-name, form#webform-submission-contact-node-1465-add-form .form-item-rqm-alhatf {
    margin-left: 0;
}
form#webform-submission-contact-node-1465-add-form input#edit-rqm-alhatf,
form#webform-submission-contact-node-1465-add-form textarea {
    width: 100%;
}
.page-args-ar-category #main-content .views-row img
{
	width:100%;
	height:auto;
}
#block-views-block-user-block-1-2 ul li,#block-views-block-user-block-3 ul li
{
	width:100%;
}
#block-menu2 {
    display: inline-block;
    float: none;
    padding-left: 0;
}
.menu2 ul {
    float: none;
    width: 100%;
    margin-right: 0%;
}

#messages div.cool-messages.messages .context
{
	    width: 96% !important;
}
.social_login iframe {
    width: 100% !important;
    height: 100px;
    text-align: center;
    padding: 20px 2%;
    padding-left: 31%;
    height: 114px !important;
}
.views-exposed-form .form-item ,
form#views-exposed-form-aldwrat-page-2 .form-item{
    display: inline-block;
    padding: 0 15px;
    width: 100%;
}
div#block-addtoanybuttons, .addtoany_list
{
	margin-top: 15px;
}

#block-views-block-teachers-block-1 .views-field-nothing, .page-args-ar-teacher #block-roots-content .views-field-nothing {

    margin-top: 143px;

}
#quicktabs-inner_course
{
	width:100%;
	overflow:hidden;
	overflow-x:scroll;
}
#block-quicktabsinnercourse {
    text-align: center;
    margin-top: 0;
}
.quicktabs-tabs {


   margin-bottom: 20px;
    position: relative;
    top: 0;
    width: 100%;
    padding: 0;


}
.sm_menu_outer.active .mobile_menu {
    display: block;
    margin-top: 17vh;
    text-align: center;
}


nav#block-altdhyyl
{
	display:none;
}
.page-args-ar-cards-status #block-roots-content table
{
	width:160%;
}
.inner div#block-backblock {
       display: inline-block;
    position: absolute;
    top: 0;
    left: 8px;
}
.inner div#block-backblock button
{
	width: 24px;
    height: 24px;
    font-size: 0px;
    background: transparent url(../images/back.png) no-repeat;
    border: 0px;
}

.menu2 {
    padding-top: 0;
    position: relative;
    padding-left: 15px!important;
    float: initial;
    left: auto;
    top: auto;
}

div#block-views-block-alkhdmat-block-1 {
    margin-top: 24%;
}

.menu2.col-md-3.col-sm-3.col-xs-12 {
    position: relative;
    top: auto;
    left: auto;


}






@media all and (max-width:500px){
	
	.field--name-field-mac, .page-args-ar-user #block-roots-local-tasks, .field--name-field-alshrwt-w-alahkam{
		display:none;
	}
    
    .page-args-ar-contact-us #block-roots-content h2:first-child {
    padding-top: 35%;
}



.page-args-ar-contact-us #block-roots-content h2 {
    margin-bottom: 20px;
    padding-top: 35%;
}





.page-args-ar-contact-us #block-roots-content h2:last-child {
    padding-top: 35%;
}
div#block-roots-page-title,div#block-views-block-user-block-4 {
    height: 309px;
}

#block-menu2 {
    display: inline-block;
    float: none;
    padding-left: 0;
}
nav#block-menu2 {
    padding-left: 0;
}
.social_login iframe
{
	    padding-left: 25%;
}
}
@media all and (max-width:450px)
{
	nav#block-menu2 {
    padding-left: 0;
}
.inner div#block-backblock {
    display: inline-block;
    position: absolute;
    top: -36px;
    left: -11px;
}
}
@media all and (max-width:400px){
	.page-args-ar-teachers #main-content .views-row {
    float: right;
    height: 231px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    padding: 0px;
}

nav#block-menu2 {
    display: inline-block;
    float: none;
    clear: both; 
    padding-left: 0;
}
h1.page-title
{
	font-size:29px;
}
.social_login iframe
{
	padding-left:18%;
}
.page-args-userform .pass {
    float: left;
    margin-bottom: 22px;
    padding-bottom: 1px;
    border-bottom: 1px solid;
    color: #37256d;
    margin-left: 26%;
    margin-top: 11px;
}
.user-login-form input[type=checkbox] {
    margin-right: 28% !important;
}
.page-args-userform .inner-page-content-main form
{
	    padding: 20px 2%;
		    padding-top: 145px;
}
}


@media all and (max-width:350px){
nav#block-menu2 {
    display: inline-block;
    float: none;
    clear: both;
    padding-left: 0;
}
.social_login iframe
{
	padding-left:10%
}
.user-login-form input[type=checkbox] {
    margin-right: 25% !important;
}
.inner div#block-backblock {
    display: inline-block;
    position: absolute;
    top: -27px;
    left: -11px;
}
}