
@media (max-width: 1023px){ 
    .responsiveHide {display:none;}
    .responsiveClear {clear:both;}
    .responsiveWidth {width:100% !important;}  
    .responsiveCenter {text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important;}       

    .leftPageAds {display:none;}
    .navBarLeftLinks {display:none;}
    .submitFontForm input, .submitFontForm select, .submitFontForm textarea {width:100% !important;}
    .submitFontForm {padding:0px;}
    .customPreviewSettings .customPreviewTextInput input {width:100%}
    .customPreviewSettings {width:100%;}
    .categoryBarInner {padding:20px;}
    .stButton {padding:5px;}
    .submitFontForm label {width:100%;}
    .letterListing {width:100%;}
    .fontPreview {height:auto; width:100%;}
    .tinynav {display: block !important; width:100%;}
    #nav, #nav2 {display: none;}
    .mainNavBarInner .navBarRightSearch {float:left !important; text-align: center !important; width: 100% !important;     padding: 10px 0px !important;}
    .navBarRightLinks {display:none;}
    .inlinePageAds {overflow-x:hidden;}
    .rateFontText {display:none;}
    .rateFontBlock .starsOn, .rateFontBlock .starsOff {display:none;}
    .fontPreviewImageWrapper {position:relative;}
    .fontPreviewImageWrapperDefault {position:relative;}
    .detailsButton {display:none;}
    .fontPreviewImageWrapper .rightSection .downloadButton .downloadButtonElement, .fontPreviewImageWrapperDefault .rightSection .downloadButton .downloadButtonElement {margin-right:0px;}
    .toolbarContainer {min-width: 0px;}
    .fontTopCategories {display:none;}
    .pageMainContent {min-height: 0px;}
    .userCommentsForm .userCommentsIntro {width:100%}
    .userCommentsForm .formLabel {width:100%}
    .fontArchiveContents {width:100%}
    .pageDetailsLeft {width:100%; padding-right:0px;}
    .pageDetailsRight {width:100%}
    .userCommentsForm textarea {width:100%} 
    .pagingWrapper {width:100%; float:none; text-align: center;}
    .pagingWrapper .pagingLink {margin-top:5px;}
    .pagingWrapper .pagingLinkOff {margin-top:5px;}
    .pagingWrapper .pagingLinkSelected {margin-top:5px;}
    .pageErrors {width:90% !important;}
    .pageSuccess {width:90% !important;}
    .searchButton {display:inline; width:55px !important;}
    .pagingLabelWrapper {text-align:center; float:none;}
    .pagingWrapper .pagingLink, .pagingWrapper .pagingLinkOff, .pagingWrapper .pagingLinkSelected {display: inline; float:none;}
    .bodyContainer {width:100% !important;}
    .pageInnerContainer {margin: 0 10px !important;}
    .mainNavBarInner {width: 100% !important;}
    .languageDropdown {margin-right:10px !important;}
    .fontPreviewImageWrapper .rightSection, .fontPreviewImageWrapperDefault .rightSection {display:none;}
    .responsiveCategories .categoryLink {float:left; width:15%;}
    .pagingWrapper {text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important;}
    .sortFilterForm {text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important;}
    .pagingLabelWrapper {text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important;}
    .pagingWrapper .pagingLink, .pagingWrapper .pagingLinkOff, .pagingWrapper .pagingLinkSelected {float:none !important;}
    .mainHeaderAds {display:none !important;}
    .footerPageAds {display:none !important;}
    .topAd {display:none !important;}
    .contentLeft h1 {text-align:center;}
    .genericPageTitle .contentLeft {float:none !important;}
    .submitFontForm {padding-left:0px !important;}
    .fontDesigner a {word-break: break-all; word-wrap: break-word;}
    .responsiveCategories {display:block !important;}   
    .fontPreviewTitle {padding: 7px;}
    .responsiveDisplay {display:block !important;}
	.navBarRightSearchWrapper {float: left; width: 200px !important; margin-left: 6px; text-align: left;}
	.mobileLogoAdvertAlt {display: none !important;}
}

@media (max-width: 540px){ 
    .inlinePageAds {display:none;}
    .footerPageAds {display:none;}
    .responsiveFontPreviewClear {clear:both;}
    }
    
    @media (max-width: 479px){
    .responsiveMobileClear {clear:both;}
    .responsiveMobileCenter {text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important;}  
	.fontPreviewWrapper .responsiveMobileCenter .downloadButton, .fontPreviewWrapper .responsiveMobileCenter form, .fontPreviewWrapper .responsiveMobileCenter .donateButton {display: inline-block !important;}
    .responsiveCategories .categoryLink {width:28%;}
    .mainNavBar {height:auto !important;}
}

    @media (max-width: 599px){
            .responsiveMobileCenter {text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important; width:100% !important;}  
			.fontPreviewWrapper .responsiveMobileCenter .downloadButton, .fontPreviewWrapper .responsiveMobileCenter form, .fontPreviewWrapper .responsiveMobileCenter .donateButton {display: inline-block !important;}
            .fontDownloadButton {text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important; margin-bottom:5px;}  
            .fontDonateButton {text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important;}  
			.mobileLogoAdvertAlt {display: block !important;; text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important; margin-top: 6px;}
			.mobileLogoAdvert {display: none !important;}
			.mainLogo {text-align:center !important; float:none !important; margin-left:auto !important; margin-right:auto !important;}
        }