/* @media only screen and (min-device-width: 1024px) { */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 999px) {
	
  #nav > li, #nav > li > ul {
        position: relative;
    }
	
	#nav a {
		position:relative;
		z-index: 10;
	}
    
    #nav > li > ul {
        position: absolute;
        background: white;
    }
                #nav > li .image {
                    background: transparent url('../../files/2020/09/sparkle-navigation.png') no-repeat;
                    height: 80px;
                    width: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: none;
					z-index: 5;
                }
    
    	
	
		

	
#imagearraywrap img {
    width: auto;
    height: 200px;
    margin: 0 !important;
}

#imagearraywrap {
    width: 120%;
    height: auto;
    text-align: center;
    overflow: hidden !important;
    background: white;
    margin: 0 -10%;
}

#imagearray {
width:  100%;
height: auto;
overflow: hidden;
}
  
#main > .padded {
height: 70%;
border: inherit;
padding-top: 10% !important;
padding-bottom: 5% !important;
overflow: hidden;
}

#main > .halfpadded {
height: 94%;
border: inherit;
padding-top: 2% !important;
overflow: hidden;
}

.textpage {
height:  auto !important;
}

#main #fullblock {
    width: 99.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
    text-align: center;
}

#main #halfblock {
    width: 49.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
}

#main #thirdblock {
    width: 32.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
}

#main #twothirdsblock {
    width: 64.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
}
	
#sixthblock {
    width: 16.5% !important;
    height: auto;
    margin: 0px;
    padding: 0;
    border: none;
}	

#main #quarterblock {
    width: 25% !important;
    height: auto;
    margin: 0px;
    padding: 0;
    border: none;
}

#main #halfblock > #inset > * {
padding: 0 5%;
}

#newsletter {
    width: 50%;
    height: auto;
    padding: 3%;
    margin: 0 auto 5% auto;
    background: white;
}


#newsletter input {
border: none;
background: white;
font-size: 20px;
}

#newsletter input[type="text"] {
width: 300px;
}

.rightborder {
    border-right: 1px solid white !important;
}

#main #quarterblock > #noinset > img {
height:  auto !important;
width: 120% !important;
}

#category-details {
width: 100%;
height: auto;
padding: 2% 0;
margin: 30px 0;
color: white;
background: black;
}

#category-details #list {
width: 98%;
height: auto;
margin: 0 auto 0 auto;
color: white;
background: black;
}

#category-details #list img, #nav-below img {
width: auto;
height: 15px;
margin: 15px 5px 0 0;
background: black;
vertical-align: top;
}

#newscategories img.inline {
width: auto !important;
height: 15px  !important;
margin: 0 5px 10px 0;
vertical-align: top;
-webkit-filter: invert(0.5);
filter: invert(50%);
-o-filter:invert(50%);
-ms-filter: invert(50%); 
}

#newscategories span {
margin-bottom: 20px;
}

#category-details a, #category-details p {
color: white;
vertical-align: top;
margin-bottom: 10px;
}
    
    #thirdblock #inset img.icon {
    border:  15px solid white;
    border-radius:  50%;
    }


  
    /* ---------------------------------------end of desktop -----------------------------------*/

    
    #main.blank {
background: transparent !important;
}


#inset {
width: 98%;
height: auto;
padding: 1%;
overflow: hidden;
}

#main #noinset {
width: 100%;
height: 1px;
padding: 0 0 50% 0;
overflow: hidden;
display: block;
border: none;
}

#thirdblock > a > #inset > .icon {
width:  50%;
height: auto;
margin-left: auto; margin-right: auto;
vertical-align: top;
 /*   -webkit-filter: invert(100%);
    filter: invert(100%); */
}

#thirdblock > #inset > * {
    text-align: center;
}

    #quarterblock #inset {
    
    width: 90%;
    height: auto;
    padding: 5%;
    }
    
    #imageblock, #textblock {  
    border:  1px solid black !important;
    text-align: center;
    background: #dedede;
    display: block;
    margin-bottom: 5px;
    }
    
        #imageblock { 
            height: 300px;
            width:  100%;
            overflow: hidden;
        }
    
    #imageblock img {
    height: 300px;
    width: auto !important;
    max-width: 200% !important;
    overflow: hidden;
    }
        #textblock { 
            width:  90%;
            height: 150px;
            vertical-align: middle;
            padding: 40px 5% 60px 5%;
        }
    
    #makesquare {
    width: 100%;
    height: 1px;
    padding-bottom: 60%;
    overflow: hidden;
    }
    
    #makesquare img {
    min-width: 100%;
    min-height: 100%;
    text-align: center;
    }
}