﻿@charset "utf-8";
/* CSS ConsultingProject */
/* Mobile Layout: 480px and below */
#---------------------------Mobile {}
	.leftrobut {
		display: none;
	}

    #allCollegeEvents {
        margin-top:50px;
    }
     
/* ---------------------- start AboutCollege_01_FlachBox ---------------------------- */
	.AbCo_TXT {
		font-size: 1em;
	} 
	.AbCo_Box_Left {
		display: none;
	}
	 
	.AbCo_Box_Right {		
		margin-top: 0px;	
		margin-right: auto;
		margin-left: auto;		
		float: right;
		clear: none;
	}
	
	.AbCo_Box_Right_BtnMainContainer{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: left;
		clear: none;
	}
	
	.AbCo_Box_Right_Btn {
		margin-bottom: 0px;
	}
	
	.AbCo_Box_Right_BtnContainer {
		width: 100%;
		float: right;
	}
	
	.TxtBtnCenterFAQ {
		width: 91.8%;
		display: block;
		text-align: center;
	}
	
	.TxtBtnCenterFAQ:before {
		content: "שאלות ותשובות";
	}
	
	.clipImgebox{
		width:100%;
		text-align: center;
		font-weight: bold;
		border-radius: 5px;
		border: 1px solid #a2a2a2;
		position: relative;
		float: left;
	}
	.clipImgeboxTXT{
		width:100%;		
		display: block;		
		position: absolute;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
    .youtube-player {
        width:100%;
        height:100%;
    }

    #PlaceHolder_Video {
        height:100%;
    }

    .video {
        height:100%;
    }

    .popularCerts a {
        text-decoration:none;
        color:#555555;
    }

    .popularCerts a:hover {
        text-decoration:none;
        color:#555555;
    }
/* --------- start AreasStudy_02_FlachBox -----------*/ 


	#softwareStart {
		margin-bottom:40px;
	}
	
	.sliderBox {
		height:455px;
		width:230px;
	}

	.sliderViewport {
		height:475px;
	}
	
	.SectionTopLightGreeyLine {
		border-top: 3px solid #E1E1E1;
		margin-bottom: 0px;
		padding-top: 15px;
	}
	
	.IntroTitleTwo_Container a {
		font-size: 1em;
	}
	
	.ArSt_Boxs_Container {
		margin-bottom: 100px;
	}
	
	.LessMarg {
		margin-bottom: 50px;
	}
	
	.IntroTitleTwo_Container {
		/*margin-bottom: 40px;*/
	}
	
	.ArSt_Boxs_Container .Box_TitlePer {
		margin-top:50px;
	}
	
	.Grid_Icons_Con {
		width: 100%;
		margin-bottom: 25px;
		margin-top: 20px;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 30px;
		display: none;
	}
	
	.Grid_Icons_Btn {
		font-size: 1.7em;
		float: left;
		clear: none;
		margin-right: 10px;
	}
	
	.ArSt_BoxCon{
		width: 100%;
		text-align: right;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
	}
	
	.ArSt_BoxConBtn{
		width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	
	.ArSt_Box_Top_BoxIcon{
		font-size: 1em;
		float: right;
		margin-right: 15px;
	}
	
	.ArSt_Box_Top_Title{
		font-weight: bold;
		float: left;
		width: 80%;
		font-size:1em;
	}
	
	.ArSt_Box_Top_Icon{
		font-size: 2em;
		display: block;
		margin-top: 4px;
	}
	
	.TxtBtnCenterCard {
		line-height: 38px;
		float:left;
		width: 92%;
    	font-size: 1.1em;
	}
	
	.Props_BtnIconCard {
		font-size: 1.74em;
		top: -4px;
		right: 6px;
	}

	
	.Props_BtnCard {
		height: 38px;
		float: none !important;
        font-size: 0.9em;
	}
	
	
	.ArSt_BtnCon {
		width: 100%;
		margin-top: 15px;
		float: left;
		display: none;
	}
	
	.ArSt_Btn {
		height: 40px;
		max-width: 290px;
		background-color: #555555 !important;
		line-height: 40px;
		float: none !important;
		width: 80%;
	}
	
	.ArSt_Btn:hover {
		background-color: #333333 !important;
	}
	
	.ArSt_BoxNavCon {
		margin-top: 30px;
	}
	
	.ArSt_TitleBox {
		width: 96%;
		float: right;
		position: absolute;
		right: 10px;
		bottom: 125px;
	}
	
    .ArSt_TitleBox .divider {
        margin: 0 0;
        font-weight: normal;
    }

	.BoldArSt_Title {
		width: 100%;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 5px;
		float: right;
	}
/* --------- start CertificationTools_03_FlachBox -----------*/
	.CerToWraapr {
		width: 99.8%;
		background-color: #f5f5f5;
		border-left-color: #E1E1E1;
		border-right-color: #E1E1E1;
		border-bottom-color: #E1E1E1;
		border-left-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 70px;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 20px;
		float: left;
		overflow: hidden;
		margin-bottom: 50px;
	}
	
	#TestsMatch {
		display: block;
	}
	
	#Opendays, #PersonalCounseling, #Articles{
		display: none;
	}
	

    .openDayDate {
        white-space:nowrap;
    }

	.SectionWraapr{
		width: 100%;
		max-width: 1130px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		margin-bottom: 40px;
	}
	
	.CerToConTop{
		width: 100%;
		margin-bottom: 60px;
		position: relative;
		overflow: hidden;
	}
	
	.CerToConBottom{
		width: 100%;
		float:right;		
	}
	
	.CerToConTopRight{
		width: 100%;
		float: right;
		clear: both;		
	}
	
	.CerToSubTitle{
		width: 100%;
		margin-top: 20px;
        line-height:32px;
	}
	
	.CerToConTopImg {
		width: 99%;
		max-width: 278px;
		border: 1px solid #555555;
		border-radius: 5px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		float: none;
	}
	
	.CerToConTopImg img {
		border-radius: 5px;
	}
	
	.CerTo_FormParagraph {
		width: 100% !important;
    	float: right;
		margin-top: 20px;
	}
	
	.CerTo_TopForm {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 5px;
		float: right;
	}
	
	.CerTo_BottomForm{
		width: 100%;
		float:right;
		margin-top: 20px;
	}
	
	.CerTotextarea{
		height: 40px;
		min-height: 40px;
		max-height: 40px;
		float: left;
	}
	
	.CerTo_Btn{
		height: 46px;
		max-width: none;
		font-size: 1.2em;
		line-height: 46px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	.CerToMainTitle{
		color: #555555;
	}
	
	.CerToSmollTxt {
		font-size: 0.8em;
		margin-bottom: 10px;
	}
	
	.CerTo_TopForm li {
		width: 100%;
		display: block;
		float: left;
		margin-bottom: 10px;
	}
	
	.CerTo_FormBtn {
		margin-top: 10px;
	}
		
	.CerTocontent {
		float: right;
	}
	
	.CerTolabel {
		height: 35px;
		float: right;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 10px; 
	}



    #openDayDesc div {
        margin-bottom:0;
    }

    #openDayDesc .openDaySchol div {
        margin-bottom:0;
    }

    #openDayDesc .rw {
        display: table-row;
        padding-bottom: 10px;
    }
    
    #openDayDesc .rw div {
        display: table-cell;
        white-space: nowrap;
        padding-left:5px;
    }

    #openDayDesc .rw span {
        display: table-cell;
        padding-bottom: 10px;
        font-weight:bold;
    }



    
    .openDaySchol {
        font-size:17px;
        background-color:white;
        padding:8px;
        border-radius: 10px;
        margin:30px 0px 30px 0px;
        text-align:center;
        direction:rtl;
        padding-bottom:24px;
        border: #eaeaea 1px solid;
    }


    .scholImg {
        background-image:url(http://learn.sela.co.il/OpenDay/Pictures/iStock-495855689.jpg);
        height:47vw;
        width:auto;
        background-size: cover;
        float:none;
        position:relative;
        border-radius:10px;
        margin-top:20px;
        margin-bottom:5px;
    }

    .scholText b{
        margin-top: 10px;
        display: inline-block;
    }

    .scholFinePrint {
        position:absolute;
        bottom:-22px;
        left:0;
        font-size:13px;
        margin-top: 5px;
        margin-right: 10px;
        direction: rtl;
    }


	
/* ---------start ScholarshipsDeals_04_FlachBox -----------*/ 
	.ScholarshipBoxsW {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		overflow: hidden;
		margin-bottom: 40px;
	}
	
	.ScholarshipLine{
        border-bottom:none;
	}
	
	.ScholarshipBox {
		width: 100%;
		max-width: 325px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-bottom: 25px;
		overflow: hidden;		
	}
	
	.ScholarshipBox:last-child {
		margin-bottom: 0px;
	}
	
	.ScholarshipImge {
		width: 99%;
		height: 180px;
		display: block;
		border-color: #E1E1E1 !important;
		overflow: hidden;
	}
	
	.ScholarshipTXT {
		height: 35px;
		line-height: 35px;
		left: 0px;
		bottom: 0px;
		background-color: rgba(51,51,51,0.65);
		color: #FFFFFF;
        font-size:0.9em;
	}
	
	.ScholarshipTxTBox{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 10px;
        margin-bottom:40px;
		float: right;
	}
	
/* ---------start SelaEvents_06_FlachBox -----------------*/ 
	.SelaEventsBoxRight {
		width: 100%;
		margin-bottom: 10px;
		float: right;
	}
	
	.SelaEventsBoxLeft {
		width: 100%;
		float: right;
        margin-bottom:50px
	}
	
	.SelaEventsIcon{
		float: right;
		margin-left: 10px;
		line-height: 21px;
		font-size: 0.9em;
	}
	
	.SelaEventsLine{
		padding-bottom: 0;
		/*margin-bottom: 15px;*/
	}
	
	.SelaEventsBox {
		width: 100%;
		margin-bottom: 30px;
		margin-top: 10px;
		float: right;
	}
	
	.SelaEventsBtnCon{
		width: 100%;
		float: right;
	}
	
	.SelaEvents_Btn{
		height: 44px;
		line-height: 40px;
		width: 100%;
		margin-bottom: -44px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		float: left;
        margin-top: 0px !important;
	}


    .widget-EventsWidget {
        display:none;
    }

	.FooterSelaTitelBox {
		display:none;
	}

    .FooterSelaTitelBoxCollege {
        display:block;
        margin-bottom: 25px;
    }

	.FooterAboutTextRight {
		margin-bottom: 0px;
		width: 100%;
		float: right;
		clear: none;
        display:block;
	}

    .popUpScheduleWrapper .ReturnBtn{
        display:none;
    }

    .FlachBoxArticle .popUpScheduleWrapper{
        box-sizing:border-box;
        padding-right:5px;
    }

    .FlachBoxArticle .popUpBoldTitle {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .FlachBoxArticle .popUpScheduleBox {
        margin-bottom: 20px;
    }

    .FlachBoxArticle .popUpScheduleBox ul {
        font-size: 1.1em;
    }


    .FlachBoxArticle .popUpScheduleWrapper .ReturnBtn{
        display:block;
    }


    .FlachBoxArticle .Props_Btn  {
	    margin-top:0;
	    margin-bottom:0;
        margin-top:40px;
        float:none;
    }

@media only screen and (min-width:340px) {
    .sliderBox	 {
		width:260px;
	}

    .ArSt_TitleBox .divider {
        margin: 0 8px;
        font-weight: bold;
    }
}


@media only screen and (min-width:350px) {
	.sliderViewport {
		height:440px;
	}

    .sliderBox	 {
		width:270px;
        height: 418px;
	}	

}


@media only screen and (min-width:370px) {
    .sliderBox	 {
		width:290px;
        height:370px;
	}

    .ScholarshipTXT {
        font-size:1em;
    }


    .BlueNavySection .Props_BtnCardInfo, .BlueSection .Props_BtnCardInfo, .OrangeSection .Props_BtnCardInfo {
        margin-top:20px;
	}
	

	.Props_BtnCardInfo {
		display: block;
        margin-top:20px;
	}
	
	.Props_BtnCard {
		max-width: 128px;
		margin-right: 6px;
		margin-left: 4px;
		font-size: 0.85em;
		float: right !important;
		clear:none;
	}

	.TxtBtnCenterCard {
		width: 78%;
		font-size: 1.1em;
	}

	.ArSt_BoxConBtn {
		padding-right: 5px;
		padding-left: 0px;
	}

    .ArSt_TitleBox {
        bottom: 70px;
    }

	.sliderViewport {
		height:380px;
	}
	

	.ArSt_Box_Top_Title{
		width: 78%;
		font-size: 1.1em;
	}
	
	.ArSt_Box_Top_Icon{
		font-size: 2.7em;
		margin-top: 2px;
	}
}


@media only screen and (min-width: 450px) {
/* --------- start AboutCollege_01_FlachBox -----------*/
	.AbCo_Box_Right_BtnMainContainer{
		width: 100%;
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: both;
	}	

	
	.sliderBox	 {
		width:290px;
	}
/* --------- start CertificationTools_03_FlachBox -----------*/	
	.CerTocontent, .CerToBtn {
		float: left;
	}
	
	.CerTocontent,.CerTotextarea {
		width: 80.5%;
	}
	
	.CerToBtn {
		width: 81%;
	}
	
}


/* Mobile Layout: 500px to 1020px */
#---------------------------Mobile500 {}
@media only screen and (min-width: 500px) {
/* --------- start AboutCollege_01_FlachBox -----------*/ 
	.AbCo_Box_Right_Btn{
		float: none;
	}


/* --------- start CertificationTools_03_FlachBox -----------*/
	.CerTolabel {
	    width: 15% ;
	}
	
	.CerTocontent, .CerTotextarea {
		width: 84.5%;
	}
	
	.CerToBtn {
		width: 85%;
	}
	
/* --------- start ScholarshipsDeals_04_FlachBox -----------*/ 
	.ScholarshipImge {
			height: 205px;
	} 

/* --------- start SelaEvents_06_FlachBox -----------------*/ 
	.SelaEvents_Btn{
		float: left;
	}
}


@media screen and (max-width: 370px) {
    .BlueNavySection .Props_BtnCardInfo, .BlueSection .Props_BtnCardInfo, .OrangeSection .Props_BtnCardInfo {
        margin-top: 12px;
        margin-bottom: 15px;
        //background-color: #afadad !important;
    }
}


@media screen and (min-width: 500px) and (max-width: 1100px) {
    .scholImg {
        height: 0;
    }
}



@media only screen and (min-width: 540px) {
/* --------- start AboutCollege_01_FlachBox -----------*/ 
	.AbCo_Box_Right_Btn_margin{
		margin-right: 19px;
	}
	
	.AbCo_Box_Right_Btn{
		float: left;
		clear:none;
	}
	
	.TxtBtnCenterFAQ:before {
		content: "שאלות ותשובות על הלימודים במכללת סלע";
	}
	.AbCo_Box_Right_BtnFAQ{
		max-width: 499px;
	}
	
	.AbCo_Box_Right_BtnMainContainer{
		width: 100%;
		max-width: 499px;
	}	
}


@media only screen and (min-width: 560px) {
/* ---------start AboutCollege_01_FlachBox-----------*/
	.AbCo_Box_Right_BtnMainContainer{
		float: none;
	}

}




@media only screen and (min-width: 700px) {
/* ---------start CertificationTools_03_FlachBox-----------*/
	.CerToConTopRight {
		width: 53%;
		clear: none;
		margin-bottom: 0px;
	}
	
	.CerToConTopImg {
		margin-bottom: 0px;
		margin-left: 5px;
		float:left;
	}
	
	.CerToSubTitle {
		right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.CerTo_TopForm li {
		width: 49.2%;
		float: right;
	}
	
		
	.CerTo_FormBtn {
		margin-left: 0px !important;
		float: left !important;
		margin-top: 0px;
	}
	
	.CerTo_TopForm li:nth-child(2n+1) { 
		margin-left: 10px; 
	} 
	
	.CerToImage{
		width: 100%;
		max-width: 190px;
		margin-left: 20px;
		display: block;
		border: 1px solid #555555;
		border-radius: 5px;
		float:right;
	}
	
	.CerTo_Box{
		width: 66%;
		margin-bottom: 40px;
	}
	
	.CerTolabel {
	    width: 22%;
		text-align: left;
    	padding-left: 7px;
	}
	
	.CerTocontent, .CerTotextarea {
		width: 76%;
	}
	
	.CerToBtn {
		width: 77%;
	}
	
	.CerTotextarea {
		float: left;
	}
	
	.CerToBtn {
		margin-top: 10px;
	}
	
	.CerTo_BottomForm {
		margin-top: 0px;
	}

/* --------- start ScholarshipsDeals_04_FlachBox -----------*/ 
	.ScholarshipBoxsW {
		max-width: 655px;
	}
	
	.ScholarshipLine{
		border-bottom: 2px solid #E1E1E1;
		border-bottom: none;
		margin-bottom: 40px;
		margin-top: 30px;
		padding-bottom: 30px;
	}	

	.ScholarshipBox{
		max-width: 211px;
		float: left;
		margin-left: 10px;
		margin-bottom: 0px;
	}
	
	.ScholarshipBox:nth-child(3n+1) {
		margin-left: 0px;
	}
		
	.ScholarshipImge {
		height: 150px;
	}
	
	.ScholarshipTxTBox{
		padding-left: 10px;
		padding-right: 10px;
        margin-bottom:0;
	}


	.ScholarshipTXT {
		height: 50px;
		line-height: 24px;
	}

	
/* ---------start SelaEvents_06_FlachBox -----------*/ 
	.SelaEventsBoxRight {
		width: 105px;
	}
	
	.SelaEventsBoxLeft {
		width: 84%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-right: 1px solid #E1E1E1;
		padding-right: 25px;
        margin-bottom: 50px;
	}
	
	.SelaEventsIcon {
		display: none;
	}

}

	
@media only screen and (min-width: 770px) {
/* ---------Start AreasStudy_02_FlachBox -----------*/
	.ArSt_Btn{
		max-width: 290px;
		margin-left: 30px;
		float:left;
	}
	

}


@media only screen and (min-width: 860px) {
/* ---------start AboutCollege_01_FlachBox -----------*/ 
	.AbCo_Box_Right_BtnContainer {
		width: 100%;
	}
	
	.AbCo_Box_Left {
		width: 35%;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-top: 7px;
		float:left;
		clear:none;
		display:block;
	}
	
	.AbCo_Box_Left_YoutubeCon{
		max-width: 634px;
	}
	.AbCo_Box_Left_MainYouTube{
		height: 180px;
	}
	
	.AbCo_Box_Left_TxtCon{
		width:100%;
		margin-top: 5px;
		margin-bottom: 15px;
		float:right;
	}
	
	.AbCo_Box_Left_TxtCon a:hover{
		color: #E97A2B;
	}
	
	.AbCo_Box_Left_YouTubeBoxs{
		max-width: 645px;
	}
	
	.AbCo_Box_Left_SmollYouTube{
		clear: none;
	}
	
	.karoimg{
		background-image: url(../image/Certification/About/karoimg.jpg);
		background-position: left center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 27%;
		height: 84px;
		display: block;
		position: absolute;
		bottom: 30px;
		left: 0px;
	}
	
	.AbCo_Box_Left_SmollYouTube_Title{
		height: 30px;
		line-height: 30px;		
		background-color: rgba(255,255,255,0.85);
		left: 0px;
		bottom: 0px;
	}
	
	.AbCo_Box_Right_BtnFAQ{
		float: right;
	}
	
	.AbCo_Box_Right_BtnContainer {
		margin-left: 0px;
	}
	
	.AbCo_Box_Right {
		max-width: 518px;
		margin-right: 0px;
		margin-left: 10px;
		float: right;
	}
	
	.AbCo_Box_Right_BtnMainContainer {
		margin-top:0px;
		position:absolute;
		bottom: 0px;
		right: 10px;
	}
	
	.AbCo_Box_Left_Space {
		margin-top: 25px;
	}

    .AbCo_Box_Left_TxtCon .SubTitle {
	    margin-top:0px;
    }


    .AbCo_Box_Left_TxtCon .TXT_Link {
	    margin-bottom:10px;
    }	
/* ---------start CertificationTools_03_FlachBox-----------*/
	.CerToConTopRight{
		width: 64.5%;
	} 
	
    .CerToParagraph{
		line-height: 30px;
	}
	
	.CerTo_TopForm li {
		width: 48.3%;
	}
	
	.CerTo_FormParagraph {
		margin-bottom: 0px;
		margin-top: 18px;
	}
	
	.CerTo_Btn {
		width: 30.3%;
		float:left;
	}
	
	.CerTo_Box{
		width: 73%;
	}
	
	.CerToBtn {
    	width: 76.5%;
    	margin-left: 17px;
	}
	
/* --------- start ScholarshipsDeals_04_FlachBox -----------*/ 
	.ScholarshipBoxsW {
		max-width: 822px;
	}
	
	.ScholarshipBox {
		max-width: 267px;
	}
		
	.ScholarshipImge {
		height: 170px;
	}


	

}

	
/* Tablet Layout: 1000px to 1020px */
#---------------------------Tablet {}
@media only screen and (min-width: 1000px) {
/* ---------------------- start SubNav ---------------------------- */
	.SubNav li {
		width: 14.28%;
	}

    #allCollegeEvents {
        margin-top:0;
    }
	
/* ---------start AboutCollege_01_FlachBox -----------*/
	.AbCo_Box_Left{
		width: 40%;
	}
	

/* ---------start AreasStudy_02_FlachBox -----------*/





	
/* ---------start CertificationTools_03_FlachBox -----------*/
	.SectionWraapr{
		max-width: 97%;
	}
	
	.CerTo_TopForm li:nth-child(3n+2){ 
		margin-left: 10px; 
	} 
	
  	.CerTo_TopForm li:last-child {
		margin-left: 0px;
	}
	
	.CerTo_TopForm li{
		width: 24.1%;
	}
	
	.CerTo_Btn {
		width: 24.3%;
	}
	
	.CerToParagraph{
		line-height: 35px;
	}
	
	.CerTolabel {
    	width: 35%;
		text-align: right;
	}
	
	.CerTocontent, .CerTotextarea {
    	width: 100%;
		float: right;
	}
	
	.CerToBtn {
   		width: 100%;
   		margin-left: 2px;
	}

/* --------- start ScholarshipsDeals_04_FlachBox -----------*/ 
	.ScholarshipBoxsW {
		max-width: 962px;
	}
	
	.ScholarshipBox {
		max-width: 314px;
	}
		
	.ScholarshipImge {
		height: 190px;
	}



	.FooterAboutTextRight {
		margin-right: 10px;
	}


	.FooterAboutLinksLeft {
		width: 99%;
		float: left;
		margin: 0px;
		padding: 0px;
	}


	.FooterContactTitelBox {
		width: 74%;
	}

	.FooterSelaNetTitelBox {
		width: 25%;
		float: left;
		margin: 0px;
		padding: 0px;
	}

    .FlachBoxArticle .popUpScheduleWrapper{
        padding-right:40px;
        padding-left:40px;
        padding-bottom:40px;
    }

    .FlachBoxArticle .Props_Btn {
        margin-left: 40px;
    }
}

/* Desktop Layout: 1020px to a max of 1920px */
#---------------------------Desktop {}
@media only screen and (min-width: 1020px) {
/*	.leftrobut {
		width: 9%;
		display: none;
		position: absolute;
		left: 20px;
		bottom: -10px;
	}*/
	
/* ---------start AboutCollege_01_FlachBox -----------*/ 
	.AbCo_Box_Left{
		width: 44%;
	}


	.FooterAboutTextRight {
		width: 69%;
		margin-right: 50px;
	}

	.FooterAboutLinksLeft {
		width: 23%;
		margin-bottom: 5px;
		margin-right: 25px;
        margin-top:10px;
	}

	.FooterContactTitelBox {
		width: 80%;
		margin-bottom: 45px;
	}

	.FooterSelaNetTitelBox {
		width: 100%;
		margin-top: 35px;
	}

    .facebookLikeDiv {
        clear:both;
    }
}


@media only screen and (min-width: 1100px) {
/* ---------start CertificationTools_03_FlachBox -----------*/
	.CerToBtn {
		margin-left: 3%;
	}
}





@media screen and (min-width: 1100px) {
    .openDaySchol {
        padding-bottom:12px;
        width: 538px;
        margin-top:15px;
        box-sizing: border-box;
    }

    .scholImg {
        float:left;
        width:200px;
        height:133px;
        margin:0;
        margin-left:26px;
    }

    .scholText {
        width:48.2%;
        display:inline-block;
    }
}



@media only screen and (min-width: 1126px) {
/* ---------Start AboutCollege_01_FlachBox -----------*/
	.AbCo_Box_Left_YoutubeCon{
		float: left;
		max-width: 538px;
	}
	
	.AbCo_Box_Left_MainYouTube{
		height: 345px;
	}
	
	.AbCo_Box_Left_YouTubeBoxs{
		width:100%;
		max-width: 554px;
		float:left;
	}
	
	.AbCo_Box_Left_SmollYouTube{
		height: 180px;
		max-width: 258px;
		margin-right: 15px;
		margin-bottom: 0px;
	}
	
	.AbCo_Box_Left{
		width: 51%;
	}
	
	.AbCo_Box_Left_Space{
		margin-top: 0px;
	}

}


@media only screen and (min-width: 1230px) {
/* ---------------------- start AboutCollege_01_FlachBox ---------------------------- */
	.AbCo_Box_Left {
		max-width: 634px;
		width: 100%;
	}
	
	.AbCo_Box_Right {
		max-width: 523px;		
	}
	
/* ---------start CertificationTools_03_FlachBox -----------*/
	.CerTo_TopForm li{
		width: 24.3%;
	}
	
	.CerToBtn {
		margin-left: 0px;
	}
	
	
	
/* --------- start ScholarshipsDeals_04_FlachBox -----------*/ 
	.ScholarshipBoxsW {
		max-width: 1193px;
	}
	
	.ScholarshipBox {
		max-width: 325px;
		margin-right: 99px;
	}
	
	.ScholarshipBox:last-child {
		margin-right: 0px;
	}
	
		
	.ScholarshipImge {
		height: 215px;
	}

    .ScholarshipTXT {
		height: 35px;
		line-height: 35px;
	}
}


@media only screen and (min-width: 1235px) {
/* ---------------------- start AboutCollege_01_FlachBox ---------------------------- */
	.AbCo_Box_Left_YouTubeBoxs{
		max-width: 634px;
	}
	
	.AbCo_Box_Left_SmollYouTube{
		max-width: 298px;
	}
	
	.AbCo_Box_Left_YoutubeCon{
		max-width: 616px;
	}

}


@media only screen and (min-width: 1300px) {
/* ---------------------- start AboutCollege_01_FlachBox ---------------------------- */
	.AbCo_Box_Left{
		max-width: 645px;
	}
	
	.AbCo_Box_Left_YoutubeCon{
		max-width: 628px;
	}
	
	.AbCo_Box_Left_YouTubeBoxs{
		max-width: 645px;
	}
	
	.AbCo_Box_Left_SmollYouTube{
		max-width: 303px;
	}

/* --------- start CertificationTools_03_FlachBox -----------*/
	.CerTo_TopForm li {
    	width: 24.37%;
	}
	
	.CerTo_FormBtn {
		margin-top: 10px;
		margin-bottom: 0px;	
	}

	.CerTolabel {
		width: 26%;
		text-align: left;
		padding-left: 5px;
	}
	
	.CerTocontent, .CerTotextarea {
		width: 72%;
	}
	
	.CerToBtn {
		width: 74%;
		margin-left: 0px;
	}

/* --------- start ScholarshipsDeals_04_FlachBox -----------*/ 
	.ScholarshipBoxsW {
		max-width: 100%;
	}
	
	.ScholarshipBox {
		max-width: 369px;
		margin-right: 66px;
	}
	
/* ---------start SelaEvents_06_FlachBox -----------*/ 
	.SelaEventsBoxLeft {
		width: 90%;
	}
		
}


@media only screen and (min-width: 1350px) {
/* ---------start CertificationTools_03_FlachBox-----------*/
	.CerTo_Box{
		width: 81%;
	}
}


@media only screen and (min-width: 1400px) {
/*	.leftrobut {
		left: 20px;
		bottom: -13px;
	}*/

}


@media only screen and (min-width: 1900px) {
/*	.leftrobut {
		left: 20px;
		bottom: -15px;
	}*/

}