/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Oct 6, 2018, 5:47:37 PM Author : aqasem */ @media screen and (max-width: 1199px) { /* line 11, ../sass/responsive.scss */ .front_content_1 .view .views-row .views-field-title a { font-size: 24px; } /* line 14, ../sass/responsive.scss */ .front_content_2 .announcement .views-row .views-field-field-date { margin-right: 8px; } /* line 17, ../sass/responsive.scss */ .front_content_2 .announcement .views-row .views-field-title a { font-size: 14px; } /* line 20, ../sass/responsive.scss */ .front_content_2 .news .view .views-row .views-field-title a { font-size: 14px; } /* line 23, ../sass/responsive.scss */ .front_content_2 .simplenews .simplenews-subscriber-form { padding: 0px 20px; } /* line 26, ../sass/responsive.scss */ .front_content_2 .simplenews .simplenews-subscriber-form form .field--type-email input, .front_content_2 .simplenews .simplenews-subscriber-form form .form-actions button { width: 88%; } /* line 30, ../sass/responsive.scss */ .front_content_4 .right .view .views-row { width: 46.2%; } /* line 33, ../sass/responsive.scss */ .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 #slick-views-dynamic-header-block-1-1-slider .slick-list .slick-track .slick__slide .views-field-nothing .slider_conent .text2 { max-width: 650px; } /* line 36, ../sass/responsive.scss */ .page-node-type-media-gallery #content .slideshow .bx-wrapper:first-of-type { width: 743px; } /* line 39, ../sass/responsive.scss */ [dir="rtl"] .front_content_2 .news .view .views-row .views-field-title { width: 55%; } /* line 42, ../sass/responsive.scss */ [dir="rtl"] .front_content_2 .announcement .views-row .views-field-field-date { margin-left: 7px; } } @media screen and (max-width: 1025px) { /* line 47, ../sass/responsive.scss */ .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 #slick-views-dynamic-header-block-1-1-slider .slick-list .slick-track .slick__slide .views-field-nothing .slider_conent { top: 20px; } /* line 50, ../sass/responsive.scss */ .sf-accordion-toggle { text-align: center; padding: 7px 0px; } /* line 55, ../sass/responsive.scss */ .sf-accordion-toggle a { color: #fff; font-size: 18px; font-weight: 600; text-align: center; } /* line 61, ../sass/responsive.scss */ .responsive-menus.responsified span.toggler { background: #4A4A4A; box-shadow: none; font-size: 18px; position: absolute; top: -23px; right: 45px; } /* line 69, ../sass/responsive.scss */ .responsive-menus.responsified .responsive-menus-simple { background: #4A4A4A; box-shadow: none; } /* line 73, ../sass/responsive.scss */ .responsive-menus.responsified .responsive-menus-simple li a { padding: 10px; font-size: 14px; text-align: center; } /* line 78, ../sass/responsive.scss */ .responsive-menus.responsified { position: relative; } /* line 81, ../sass/responsive.scss */ header .menu-region #block-mainnavigation ul.menu > li { width: 100%; } /* line 84, ../sass/responsive.scss */ header .menu-region #block-mainnavigation ul.menu > li > a, header .menu-region #block-mainnavigation ul.menu > li span { border-left: 0px; border-right: 0px; font-weight: 600; } /* line 89, ../sass/responsive.scss */ header .menu-region { clear: both; } /* line 92, ../sass/responsive.scss */ .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 #slick-views-dynamic-header-block-1-1-slider .slick-list .slick-track .slick__slide .views-field-nothing .slider_conent { position: relative; top: 0; padding-top: 20px; } /* line 97, ../sass/responsive.scss */ .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 #slick-views-dynamic-header-block-1-1-slider .slick-list .slick-track .slick__slide .views-field-nothing .slider_conent .text1 { color: #002f9b; font-size: 25px; text-align: center; } /* line 102, ../sass/responsive.scss */ .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 #slick-views-dynamic-header-block-1-1-slider .slick-list .slick-track .slick__slide .views-field-nothing .slider_conent .text1::after { margin: 0px auto; margin-top: 5PX; } /* line 106, ../sass/responsive.scss */ .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 #slick-views-dynamic-header-block-1-1-slider .slick-list .slick-track .slick__slide .views-field-nothing .slider_conent .text2 { color: #002f9b; font-size: 16px; text-align: center; max-width: 100%; } /* line 112, ../sass/responsive.scss */ .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 #slick-views-dynamic-header-block-1-1-slider .slick-list .slick-track .slick__slide .views-field-nothing .slider_conent .link a { margin: 0px auto; margin-top: 15px; } /* line 116, ../sass/responsive.scss */ .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 #slick-views-dynamic-header-block-1-1-slider .slick-list .slick-track .slick__slide .views-field-nothing .slider_conent .link a { width: 33%; } /* line 119, ../sass/responsive.scss */ .block-views-blockmedia-gallery-block-1 { margin-bottom: 30px; } /* line 122, ../sass/responsive.scss */ .front_content_4 .right .view .views-row { width: 37%; float: left; } /* line 126, ../sass/responsive.scss */ .front_content_4 h1:after { text-align: left; margin: 0; } /* line 130, ../sass/responsive.scss */ .front_content_4 h1.block-title { text-align: left; padding-left: 15px; padding-right: 15px; } /* line 135, ../sass/responsive.scss */ .front_content_4 { padding-top: 33px; } /* line 138, ../sass/responsive.scss */ .image_header h1.page-header { position: relative; bottom: 0; width: 100%; left: 0; right: 0; padding: 5% 4%; top: 0; color: #FFB500; font-size: 23px; display: block; } /* line 150, ../sass/responsive.scss */ .path-notfront #content > .container > .col-md-3 { display: inline-block; width: 100%; margin-bottom: 25px; padding: 0; } /* line 156, ../sass/responsive.scss */ .path-notfront #content > .container > .col-md-9 { float: none; width: 100%; } /* line 160, ../sass/responsive.scss */ .page-node-type-media-gallery #content .slideshow .bx-wrapper:nth-of-type(2) { display: none; } /* line 163, ../sass/responsive.scss */ .page-node-type-media-gallery #content .slideshow .bx-wrapper:first-of-type .bx-controls { display: block; } /* line 166, ../sass/responsive.scss */ .path-notfront #content { padding-top: 0px; } /* line 169, ../sass/responsive.scss */ .path-notfront #content > .container > .col-md-3 .sf-accordion-toggle { display: none; } /* line 172, ../sass/responsive.scss */ header .menu-region #block-mainnavigation ul.menu { border-top: solid 1px #fff; } /* line 175, ../sass/responsive.scss */ header .menu-region #block-mainnavigation ul.menu > li ul { min-width: 100%; position: relative; top: 4px; border-top: solid 0px #fff; box-shadow: none; } /* line 182, ../sass/responsive.scss */ header .menu-region #block-mainnavigation ul.menu > li:last-child ul { min-width: 100%; } /* line 186, ../sass/responsive.scss */ header .menu-region #block-mainnavigation ul.menu > li ul li { float: none; text-align: center; width: 100%; padding-top: 0px; } /* line 192, ../sass/responsive.scss */ header .menu-region #block-mainnavigation ul.menu > li ul li a { text-align: center; color: #f0eadc; font-size: 14px; } /* line 197, ../sass/responsive.scss */ .sf-accordion-toggle a span:before { content: url(../images/menu.png); padding: 0px 10px; } /* line 201, ../sass/responsive.scss */ .sf-accordion-toggle a.sf-expanded span:before { content: url(../images/close-button.png); } /* line 204, ../sass/responsive.scss */ .sf-accordion-toggle a:focus { text-decoration: none; } /* line 207, ../sass/responsive.scss */ .path-notfront #content > .container > .col-md-3 .block-superfish ul.menu ul { left: 0; right: 0; position: relative !important; width: 100% !important; top: 0px; } /* line 214, ../sass/responsive.scss */ .path-notfront #content > .container > .col-md-3 .block-superfish ul.menu ul li { padding: 0 30px; } /* line 217, ../sass/responsive.scss */ .path-notfront #content > .container > .col-md-3 .block-superfish ul.menu ul li a { line-height: 25px; } /* line 220, ../sass/responsive.scss */ .field--name-field-admission .paragraph--type-employees .bs-region--left { margin: 0px 0px; } /* line 224, ../sass/responsive.scss */ header .menu-region #block-mainnavigation ul.menu > li:nth-child(3) ul, header .menu-region #block-mainnavigation ul.menu > li:nth-child(5) ul { left: 0 !important; right: 0 !important; } /* line 228, ../sass/responsive.scss */ [dir="rtl"] header .menu-region #block-mainnavigation ul.menu > li span, [dir="rtl"] header .menu-region #block-mainnavigation ul.menu > li a { border-left: 0px solid #FFF; } /* line 231, ../sass/responsive.scss */ [dir="rtl"] .front_content_4 h1.block-title { text-align: right; } /* line 234, ../sass/responsive.scss */ [dir="rtl"] .front_content_4 .right .view .views-row { float: right; margin-left: 30px; margin-right: 0px !important; } /* line 239, ../sass/responsive.scss */ [dir="rtl"] .responsive-menus.responsified span.toggler { right: inherit; left: 57px; } /* line 244, ../sass/responsive.scss */ [dir="rtl"] header .menu-region #block-mainnavigation ul.menu > li ul li a { text-align: center; } } @media screen and (max-width: 768px) { /* line 249, ../sass/responsive.scss */ header .bottom-header .header_center { display: none; } /* line 252, ../sass/responsive.scss */ header .bottom-header .header_right #block-socialmedia-2 { display: none; } /* line 255, ../sass/responsive.scss */ header .bottom-header .header_right { width: 50%; padding-top: 15px; display: none; } /* line 260, ../sass/responsive.scss */ header .bottom-header .header_left { width: 100%; } /* line 263, ../sass/responsive.scss */ header .bottom-header { padding: 15px 20px; float: left; width: 100%; } /* line 267, ../sass/responsive.scss */ #footer { text-align: center; } /* line 270, ../sass/responsive.scss */ #footer .footer-left h2::after { margin: 0px auto; margin-top: 5px; } /* line 274, ../sass/responsive.scss */ #footer .footer-left { padding-top: 20px; } /* line 277, ../sass/responsive.scss */ .front_content_2 .simplenews .simplenews-subscriber-form { margin-top: 28px; } /* line 280, ../sass/responsive.scss */ .front_content_3 > .container > .col-md-12 #block-views-block-featured-stories-block-1 .view-content .views-field-nothing .cont .paralax-image img { height: auto; top: 0px !important; } /* line 285, ../sass/responsive.scss */ .front_content_1 .view .views-row .views-field-title a { width: 100%; } /* line 288, ../sass/responsive.scss */ .front_content_3 > .container > .col-md-12 #block-views-block-featured-stories-block-1 .view-content .views-field-nothing .cont .overlay-text { width: 100%; right: 0; padding-left: 38px; padding-right: 38px; float: none; } /* line 295, ../sass/responsive.scss */ .path-notfront #content > .container > .col-md-3 .block-superfish ul.menu { display: block !important; } /* line 298, ../sass/responsive.scss */ .image_header h1.page-header { padding: 5% 2%; } /* line 301, ../sass/responsive.scss */ header .top-header { padding: 6px 10px; } /* line 304, ../sass/responsive.scss */ .front_content_3 > .container > .col-md-12 #block-views-block-featured-stories-block-1 .view-content .views-field-nothing .cont .overlay-text .title { color: #fff; } /* line 307, ../sass/responsive.scss */ .front_content_3 > .container > .col-md-12 #block-views-block-featured-stories-block-1 .view-content .views-field-nothing .cont .overlay-text .body { color: #fff; } /* line 311, ../sass/responsive.scss */ .front_content_4 .right .view .views-row { width: 100% !important; } /* line 313, ../sass/responsive.scss */ .front_content_4 .right .view .views-row img { width: 100%; } /* line 319, ../sass/responsive.scss */ .front_content_4 .left .view .views-row img { width: 100%; } /* line 324, ../sass/responsive.scss */ [dir="rtl"] .front_content_2 .announcement .views-row .views-field-title { float: right; } /* line 327, ../sass/responsive.scss */ [dir="rtl"] .front_content_2 .news .view .views-row .views-field-title { float: right; } /* line 330, ../sass/responsive.scss */ [dir="rtl"] #footer .footer-left { float: none; } /* line 335, ../sass/responsive.scss */ .field--name-body img { width: 100%; height: auto; } .view-latest-news.view-display-id-block_2 .view-content .views-row { width: 100%; } table{ font-size: 12px !important; line-height: 20px; } table strong{ font-size: 12px !important; line-height: 20px; } .view-calendar{ } .view-calendar .fc-toolbar{ display: inline-block; } .view-calendar .fc-right, .view-calendar .fc-center, .view-calendar .fc-left{ text-align: center; } .view-calendar .fc-toolbar h2{ font-size: 23px; margin: 9px 0px; text-align: center; } .page-node-69 .field--name-body img { width: auto; height: auto; max-width: 100%; } .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 .views-field-field-video video { height: 152px; } .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 .views-field-field-video { height: 152px; } } @media screen and (max-width: 736px) { /* line 342, ../sass/responsive.scss */ .front_content_1 .view .views-row { position: relative; width: 75%; float: none; display: table; margin: 0px auto; margin-bottom: 30px; } /* line 350, ../sass/responsive.scss */ #footer .bottom #block-copyright { float: none; margin-bottom: 20px; } /* line 354, ../sass/responsive.scss */ #footer .bottom #block-socialmedia { float: none; } /* line 357, ../sass/responsive.scss */ .field--name-field-admission .paragraph--type-employees .bs-region--left { width: 100%; } /* line 360, ../sass/responsive.scss */ .field--name-field-admission .paragraph--type-employees .bs-region--right { width: 100%; } /* line 363, ../sass/responsive.scss */ [dir="rtl"] #footer .bottom #block-copyright, [dir="rtl"] #footer .bottom #block-socialmedia { float: none; } .front_key_facts .view-content { display: inline-block; width: 100%; } .front_key_facts .view-content .views-row { width: 100%; margin: 0 0 30px 0; } .media-gallery .field--name-field-slider > .field--item { display: inline-block; width: 48%; float: left; margin: 1%; } .popup img{ width: 90%; height: auto; } .popup .spb_top_center, .popup .spb_overlay{ width: 90% !important; } .region-content-left-fikra .news-post{ padding: 0 !important; } .region-content-left-fikra .news-post .post-thumb{ position: relative; width: 100%; } .region-content-left-fikra .news-post .post-thumb img{ height: auto; width: 100%; } .region-content-left-fikra .news-post .date{ margin: 0 !important; } .region-content-left-fikra .news-post h4{ } .region-content-left-fikra{ padding: 20px 5px; margin-top: 20px; } .view-faculty-logo img { height: auto; width: auto; } .view-faculty-logo .views-field-title { font-size: 23px; font-weight: bold; padding: 0 10px 0 0; } .view-faculty-logo { padding: 10px 0; } .view-faculty-logo .views-row { display: flex; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; } .field--name-field-admission > .field--item > .paragraph .field--type-entity-reference-revisions > div.employee-sections-item-cont { float : left; width : 100%; margin : 0; height : auto; } } @media screen and (max-width: 667px) { /* line 368, ../sass/responsive.scss */ .front_content_4 .right .view .views-row { width: 42%; } } @media screen and (max-width: 555px) { /* line 373, ../sass/responsive.scss */ header .bottom-header .header_right #block-exposedformsearch-apipage-1 form .form--inline .form-type-textfield input { width: 100%; } /* line 376, ../sass/responsive.scss */ header .bottom-header .header_right { padding-top: 10px; } /* line 379, ../sass/responsive.scss */ header .bottom-header .header_left img { width: 75%; } /* line 382, ../sass/responsive.scss */ .front_content_1 .view .views-row .views-field-title { position: relative; bottom: 0; display: block; left: 0; right: 0; } /* line 389, ../sass/responsive.scss */ .front_content_1 .view .views-row .views-field-title a { color: #002f9b; text-align: center; font-size: 19px; padding-top: 11px; } /* line 395, ../sass/responsive.scss */ .front_content_1 .view .views-row .views-field-title a:after { margin: 0px auto; margin-top: 9px; } /* line 399, ../sass/responsive.scss */ [dir="rtl"] .front_content_1 .view .views-row .views-field-title { left: inherit; right: inherit; } /* line 404, ../sass/responsive.scss */ .dynamic_header .block-views .view-content #slick-views-dynamic-header-block-1-1 .slick__arrow { display: none; } /* line 408, ../sass/responsive.scss */ .front_content_4 .right .view .views-row, .front_content_4 .right .view .views-row:nth-child(odd) { margin: 0; width: 50%; margin-bottom: 30px; padding: 0 15px; } /* line 415, ../sass/responsive.scss */ .front_content_4 .right .view .views-row .views-field-title { position: initial; } } @media screen and (max-width: 414px) { /* line 420, ../sass/responsive.scss */ .image_header h1.page-header { padding: 5% 4%; line-height: 25px; font-size: 16px; } /* line 425, ../sass/responsive.scss */ .path-notfront #content > .container > .col-md-3 .block-superfish ul.menu li a, .path-notfront #content > .container > .col-md-3 .block-superfish ul.menu li span { font-size: 10.5px; line-height: 29px; } /* line 429, ../sass/responsive.scss */ header .bottom-header .header_left img { width: 100%; } } @media screen and (max-width: 315px) { /* line 434, ../sass/responsive.scss */ header .bottom-header { padding: 15px 0px; } }