/**********************************
RESPONSIVE for DEVICES 480PX AND UP
***********************************/

/**********************************************************************************************************
min-width: 480px
**********************************************************************************************************/

	@media screen and (min-width: 480px){
   	
  	/**********************************
	TOP BAR
	***********************************/     	
  
  	#mod-custom88 img {
		height: auto;
		width: 50%;
	}
}



/**********************************************************************************************************
min-width: 640px
**********************************************************************************************************/

@media screen and (min-width: 640px){
    
  	/**********************************
    CONTENTS
    ***********************************/  
  	.pull-left {
        margin: 10px 30px 20px 0;
        float: left;
        width: 40%;
        border: 1px solid #e2e2e2;
        padding: 4px;
    }  
  
    .pull-right {
        margin: 0 0 20px 20px;
        float: right;
        width: 40%;
  	}  	
  
  	.item .pull-right {
        margin: 0 0 20px 20px;
        float: right;
        width: 40%;
  	}


  
 	/**********************************
	BOTTOM FEATURE
	***********************************/   
  	#bottom-feature-contents .modules {
        float: left;
        width: 28%;
        margin: 0 2%;
	}  	
  
  
  
    /**********************************
    FOOTER
    ***********************************/
	#footer-bar-contents-second li{
  		display: inline-block;	
	} 
  
  
  
  	/**********************************
	NAVIGATION
	***********************************/
  	#main-navigation-container {
	}
  
  	#navigation-first {
    	text-align: left;
    	padding: 0;
    	position: relative;
 	}
 
}



/**********************************************************************************************************
min-width: 768px
**********************************************************************************************************/

@media screen and (min-width: 768px){

    /**********************************
	GENERAL
	***********************************/
  	body {
		position: relative;     
	}
    
    .body .container {
    	width: 75% !important;
    	padding: 30px 0;
      	border: 1px solid #fff;
	}
  
    body.site {
        border: 0;
        background: rgba(255, 255, 255, 1.0);
        padding: 0;
        background-image: url('/~damascus2023/images/body-bg.png');
        background-repeat: repeat-x;
        background-attachment: scroll;
        background-position: left top;
  }
    
  	.row-fluid .span3 {
		width: 25.404255317%;
    	padding: 0 1%;
	}
  
    .row-fluid .span9 {
		width: 70.468085099%;
	}
  
  	h1 {
		font-size: 2em;
  		font-weight: 300;
	}
 
  	h2 {
		font-size: 1.5em;
  		line-height: 1em;
	}



    /**********************************
    TOP BAR and NAVIGATION
    ***********************************/  
  	#top-container {
		margin: 0 auto;
		position: relative;
    	padding: 0;
    	width: 90%;        
      	background: transparent;
  	}
    	
  	#mod-custom88 {
    	background: transparent;
      	margin: 0;
      	width: 100%;
	}
  
  	#top-bar-contents-first  {
    	float: left;
    	margin: 0px;
    	width: 250px;
    	text-align: center;
    	padding: 10px;
	}
  
  	#mod-custom88 img{
		width: auto;
	}
  
   	#top-bar-contents-second {
    	text-align: right;
    	float: right;
    	margin: 43px 0 0 0;
    	color: rgba(0, 0, 0, 1.0);
    	padding: 0;
	}


  
  	/**********************************
	BANNER
	***********************************/
  	#banner-container {
    	z-index:1;
    	position: relative;
    	left:0;
	}
  
    #banner-container img{
		width: 100% !important;
	}
  
  	#top-banner {
    	position: relative;
    	margin:0 auto;
        background-color: rgba(255, 255, 255, 1.0);
        padding: 0px;
        border: 1px solid #fff;
      	width: 75%;
	}    


  
  	/**********************************
	NAVIGATION
	***********************************/
    .responsiveMenuTheme2 {
        background: transparent;
        margin: 0;
        padding: 0;
	}
  
  	.responsiveMenuTheme2 li {
    	text-align: left;
    	font-size: 13px;
	}
  
  	.responsiveMenuTheme2 li a{
        font-weight: 500;
        color: rgba(219, 47, 21, 1.0);
	}
  
  	.responsiveMenuTheme2 > li > a {
        display: block;
        padding: 0px 5px;
    }
  
    .responsiveMenuTheme2 > li.parent > a {
        padding: 0px 30px 0px 15px;
    }
  
    .responsiveMenuTheme2 span.linker {
        padding: 5px;
        display: inline-block;
        vertical-align: middle;      	
    }
  
  	.responsiveMenuTheme2.isDesktop > li > a{
    	border-left:none;
    	border-bottom:none;
  	}
  
  	.responsiveMenuTheme2.isDesktop li a, 
  	.responsiveMenuTheme2.isDesktop li span.separator, 
  	.responsiveMenuTheme2.isDesktop li span.navHeader {
    	border-left:none;
    	border-bottom:none;

  	}
  
    .responsiveMenuTheme2.isDesktop li a:hover {
    	border-left:none;
    	border-bottom:none;
      	color: rgba(255, 255, 255, 1.0);
  	}
  
  	.responsiveMenuTheme2 span.opener {
        padding: 3px 0;
	}
  
    .responsiveMenuTheme2 li li > a {
        display: block;
        background: rgba(153, 153, 153, 1.0);
        position: relative;
        z-index: 100;
        border-top: 1px solid #fff;
        white-space: nowrap;
      	color: rgba(255, 255, 255, 1.0);
  	}
  
  	.responsiveMenuTheme2 > li > ul > li:first-child > a {
  		border-top: none;
  		color: rgba(255, 255, 255, 1.0);
	}

  
    /**********************************
    UB-PAGES BANNER
    ***********************************/

    .subpages-banner {
        height: 200px;
        margin:0;
        padding:0;
  	}
  

  
  	/**********************************
    CONTENTS
    ***********************************/   
  	.item-page {
    	padding: 0 30px;
	}
  
  	/**********************************/
  	.items-leading {
        margin: 0 0 30px 0;
        clear: both;
        padding: 0 20px;
	}
  
    .items-leading p{
      	padding: 10px 30px;
  	}
  
  	/**************************/  
    .blog {
        padding: 0 20px;
    }
  
  	/**************************/    
  	.item {
        margin: 0px 0 30px 0px;
        padding: 0 20px;
	}
  
  	.item p{
    	padding: 10px 30px;
	}
  
  	/**************************/  
	a.square-button {
        padding: 15px 20px;
        color: #fff;
        background: rgba(219,47,21, 1.0);
        text-decoration: none;
        text-transform: uppercase;
        margin: 15px 0 0 0;
        display: block;
        width: 200px;
        text-align: center;
	}
  
  	/**********************************
	RIGHT COLUMN
	***********************************/  
    .well {
        margin: 0;
        text-align: left;
    }	
  
  	.help-damascus {
      	margin: 0;
      	text-align:left;
  	}

  
  
  	/**********************************
	FOOTER
	***********************************/  
  	#footer-bar-contents-first {
        text-align: left;
        float: left;
        padding: 30px 20px;
        width: auto;
      	font-weight: 400;
	}  
  
    #footer-bar-contents-first a{
        font-weight: 300;
        color: rgba(0, 0, 0, 1.0);
        padding: 0;
        margin: 0;
       	background: transparent;
  	}

    #footer-bar-contents-first a:hover{
        color: rgba(219,47,21, 1.0);
        background: transparent;
      	text-decoration: underline;
    }
  
    #footer-bar-contents-second {
        text-align: center;
        float: right;
        padding: 20px;
        width: auto;
        text-align: right;
      border-top: none;
    }
  
  	.nav li {
      	float: left; 
      	padding: 0 10px;
  	}
  
  
  	/**********************************
    FORMS
    ***********************************/   	
  	.item-page fieldset img {
  		width: 40%;
	}

}



/**********************************************************************************************************
min-width: 1024px
**********************************************************************************************************/

@media screen and (min-width: 1024px){  
  
  	body.site {
      	background-size: auto;
  	}
  
    h4 {
  		font-size: 1.75em;
  	}

 
  
  	/**********************************
    TOP BAR and NAVIGATION
    ***********************************/  
  	#top-container {
		margin: 0 auto;
		position: relative;
    	padding: 0;
    	width: 75%;        
      	background: transparent;
  	}
  
  
  
  	/**********************************
	TOP BAR
	***********************************/   	
  	#top-bar-contents-first  {
    	float: left;
    	margin: 0px;
    	width: 300px;
    	text-align: center;
    	padding: 35px 0;
	}
  
    #top-bar-contents-second {
    	text-align: right;
    	float: right;
    	margin: 50px 0 20px 0;
    	color: rgba(0, 0, 0, 1.0);
    	padding: 0;
	}

  
  
    /**********************************
	HOMEPAGE NAVIGATION
	***********************************/
  	.responsiveMenuTheme2 li {
    	text-align: left;
    	font-size: 14px;
	}
    
  
  
  	/**********************************
	FOOTER CONTAINER
	***********************************/ 
  	#footer-container {
        margin: 0 auto;
        position: relative;
        width: 85%;
	}
  
    #footer-bar-contents-first {
        font-size: 0.9em;
  	}
  
    #footer-bar-contents-second a {
        font-weight: 300;
        color: #333;
        padding: 10px 0;
        margin: 0 0 2px 0;
        text-transform: uppercase;
        font-size: 0.8em;
    }
      
  	#footer-bar-contents-second a:hover {
        background-color: transparent;
        text-decoration: underline;
    }

}



/**********************************************************************************************************
min-width: 1200px
**********************************************************************************************************/

@media screen and (min-width: 1200px){  
  
  	/**********************************
	GENERAL
	***********************************/   	

    .body .container {
    	width: 75% !important;
    	padding: 30px 0;
	}
  
  
  
  	/**********************************
	FOOTER CONTAINER
	***********************************/ 
  	#footer-container {
        margin: 0 auto;
        position: relative;
        width: 85%;
	}
  
    #footer-bar-contents-second a {
        font-weight: 300;
        color: #333;
        padding: 10px 0;
        margin: 0 0 2px 0;
        text-transform: uppercase;
        font-size: 0.8em;
    }
      
  	#footer-bar-contents-second a:hover {
        background-color: transparent;
        text-decoration: underline;
    }
}


/**********************************************************************************************************
min-width: 1600px
**********************************************************************************************************/

@media screen and (min-width: 1600px){  
  
  	/**********************************
	GENERAL
	***********************************/   	

    .body .container {
    	width: 75% !important;
    	padding: 30px 0;
	}
  
  
  
  	/**********************************
	FOOTER CONTAINER
	***********************************/ 
  	#footer-container {
        margin: 0 auto;
        position: relative;
        width: 75%;
	}
  
    #footer-bar-contents-second a {
        font-weight: 300;
        color: #333;
        padding: 10px 0;
        margin: 0 0 2px 0;
        text-transform: uppercase;
        font-size: 0.9em;
    }
      
  	#footer-bar-contents-second a:hover {
        background-color: transparent;
        text-decoration: underline;
    }
}