#header .logoarea.large {
        width: 73%;
}

.topnavigation {
		background-color: rgba(104, 112, 126, 0.7);width: 100%;position: fixed;top: 0;left: 0;z-index: 300;
	}
	
	.topnavigation .navlistarea {
		width: 75%;
                margin: 0 auto;
		position: relative;
	}
	
	.topnavigation .navlistarea ul {
		list-style: none;
		display: flex;
	}
        
        .topnavigation .navdonation {
                position:absolute;
                /*top: -15px;*/
                top: 33px;
                right: -12.2%;
        }
	
	.topnavigation .navlistarea li {
		display: inline-block;
		width: 19%;
		position:relative;
		cursor: hand;
		cursor: pointer;
                text-align: center;
                font-size: .9em;
	}
        
        
	
		.topnavigation .navlistarea li a {
			color: #ffffff;
			font-size: 1.1em;
			text-decoration: none;
                        cursor: hand;
                        cursor: pointer;
                        text-transform: uppercase;
                        font-weight: bold;
                        
		}
	
		.topnavigation .navlistarea li .dropdown {
			position: absolute;
			padding: 10px 20px;
			display: none;
			width: 80%;
			margin-top: 7px;
			background: rgba(39,64,128,1);
			-webkit-transition: all 0.5s ease-down;
			transition: all 0.5s ease-down;
                        
		}
                
                .topnavigation .navlistarea li ul.sub-menu {
			position: absolute;
			padding: 10px 20px;
			display: none;
			width: 80%;
			margin-top: 7px;
			background: rgba(39,64,128,1);
			-webkit-transition: all 0.5s ease-down;
			transition: all 0.5s ease-down;
                        
		}
		
			.topnavigation .navlistarea li .dropdown.active {
				display:block;
			}
                        
                        .topnavigation .navlistarea li ul.sub-menu.active {
				display:block;
			}
		
		
		.topnavigation .navlistarea li .dropdown li {
			display: block;
			width: 100%;
			padding: 10px 0;
			border-bottom: solid rgba(255,255,255,.4) 1px;
			cursor: hand;
			cursor: pointer;
                        text-align: left;
		}
                
                .topnavigation .navlistarea li .sub-menu li {
			display: block;
			width: 100%;
			padding: 10px 0;
			border-bottom: solid rgba(255,255,255,.4) 1px;
			cursor: hand;
			cursor: pointer;
                        text-align: left;
                        font-size: 1.3em; 
		}
                        .topnavigation .navlistarea li .dropdown.active li:hover {
                               background: #8393bd; 
                        }
                        
                        .topnavigation .navlistarea li .sub-menu.active li:hover {
                               background: #8393bd; 
                        }
                        
			.topnavigation .navlistarea li .dropdown li a {
				font-size: 1em;
				color: #ffffff;
				text-decoration: none;
                                text-transform: none;
                                font-weight: normal;
                                font-size: 0.8em;
			}
                        
                        .topnavigation .navlistarea li .sub-menu li a {
				font-size: 1em;
				color: #ffffff;
				text-decoration: none;
                                text-transform: none;
                                font-weight: normal;
                                font-size: 0.8em;
			}
			
	.topnavigation .highlighted {
		background-color: #f79820;
		padding: 20px 24px;
		width: 100%;
		text-align: center;
	}
		.topnavigation .highlighted a {
			color: #ffffff;
			text-transform: uppercase;
			font-weight: 400;
			letter-spacing: 2px;
			text-decoration: none;
			text-align: center;
			vertical-align: middle;
		}
                
        .responsivebutton {
                width: 9%;
                padding-top: 10px;
        }
        
        .responsivebutton .highlighted {
                position: absolute;
                top: 0;
                right: 0;
                background-color: #f79820;
                padding: 15px 24px;
                color: #ffffff;
                font-size: 1.5em;
                font-weight: bold;
        }
        
        .responsivebutton .highlighted a {
                color: #ffffff;
                text-decoration: none;
        }
		
	#sitebody .respnav-menu li li  {
                border: 0;
                font-size: 0.9em;
        }
                #sitebody .respnav-menu li li a {
                        color: #274080;
                        text-decoration: none;
                }
        
                #sitebody .respnav-menu li li:before {
                        content: "- ";
                        display: inline-block;
                }
	
	.iframe-container {
		position: relative;
		padding-bottom: 69%; /* 16:9 */
		padding-top: 25px;
		height: 0;
			overflow: hidden;
	}


	/* 16x9 Aspect Ratio */
	.iframe-container-16x9 {
	  padding-bottom: 56.25%;
	}

	/* 4x3 Aspect Ratio */
	.iframe-container-4x3{
	  padding-bottom: 75%;
	}

	.iframe-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 71%;
	}

	.iframe-container iframe.long {
		height: 71%;
	}

	iframe {
		max-width: 100%;
	}

	.iframe-container iframe {
	  position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
                border: 0;
	}
	
	
	
	/*#sitebody .bg_image.center:after {
		content: '';
		display: block;
		padding-bottom: 20%;
	}*/
	
	#sitebody .contentarea {
		position: relative;
		z-index: 6;
		width: 100%;
	}
	#sitearea .contentboxarea {
                margin-top: 0 !important;
                width: 64%;
        }
        
                #sitearea .contentboxarea p, #sitearea .contentboxarea li,#sitearea .contentboxarea td {
                        font-size: 1.2em;
                        line-height: 26px;
                }
                
                        #sitearea.content .contentboxarea .pagetitle {
                                text-align: center;
                        }
                
                #sitearea .contentboxarea .bannerbox {
                        margin-bottom: 20px;
                        border-bottom: solid #dddddd 1px;
                        padding-bottom: 20px;
                        display: flex;
                }
                
                        #sitearea .contentboxarea .bannerbox .span4  {
                                position: relative;
                                width: 39%;
                        }
                        
                        #sitearea .contentboxarea .bannerbox .span6  {
                                width: 57%;
                        }
                        
                        #sitearea .contentboxarea .bannerbox .bannertext {
                                padding: 0 0px 0 15px;
                                margin: 0;
                        }
                                #sitearea .contentboxarea .bannerbox .bannertext p {
                                        margin: 0;
                                }
                        
                        #sitearea .contentboxarea .bannerbox .bannerbutton {
                                text-align: center;
                                position: relative;
                                bottom: 17px;
                                width: 100%;
                        }
                        
                        #sitearea .contentboxarea button.midbtn {
                                position: relative;
                                margin: 0;
                                bottom: -8px;
                                left: 0;
                                max-width: 100%;
                                padding: 8px;
                                width: 70%;
                                font-size: 0.9em;
                        }
                                
                        
        
        #sitearea.content {
                width: 100%;
        }
	#sitebody .contentforward {
		position: relative;
                pointer-events: auto;
                margin-top: 0;
	}
                #sitebody .contentforward .spanblocks {
                        display: flex;
                        justify-content: space-evenly;
                }
                #sitebody .contentforward .tribanner {
                        vertical-align:top;padding-bottom: 24.88%;width:33%;
                }
                
                #sitebody .contentforward .tribannertxt {
                        position:absolute;bottom:0;padding:10px 0;color:#ffffff;width:100%;text-align:left;
                }
                
                        #sitebody .contentforward .tribannertxt.orgbg {
                                background:rgba(247,152,32,.8);
                        }
                        
                        #sitebody .contentforward .tribannertxt.blkbg {
                                background:rgba(0,0,0,.5);
                        }
                        
                        #sitebody .contentforward .tribannertxt .tribannerwrds {
                                padding-left: 10px;
                        }
                        
                        #sitebody .contentforward .tribanner.iframe {
                                width:33%;
                                padding:0;
                                
                        }
                        
                #sitebody .contentforward .latestmsg .tribanner {
                        background-size: 100% 100% !important;
                }
	
	#sitebody:before {
		padding-bottom: 15% !important;
	}
	
	#mobileversion {
		display: none;
	}
	
	#header {
		position: absolute;
		width: 75%;
		margin: 0 auto;
		top: 0;
		z-index: 1;
		left: 50%;
		transform: translate(-46%, 0);
		max-width: 2000px;
	}
	
		#header .logoarea {
			position: relative;
			width: 63%;
			margin-top: 30px;
			margin-right: auto;
			margin-bottom: -30px;
			margin-left: auto;
			opacity: 0;
			z-index: 10;
		}
		
			#header .logoarea img {
				max-width: 100%;
			}
		
		#header .contentboxarea {
			display: none;
		}
	#contentsection {
		width: 100%;
	}
		
                #contentsection .contentbox {
                        display: block; opacity: 1; margin-left: 0px;
                }
                
                #contentsection .contentblock .med2wdth {
                        width: 75.1%;
                }  
                
                #contentsection .contenttitle {
                        display: block;
                }
                #contentsection .contenttitle h1 {
                        padding: 0;
                        margin: 0;
                        font-weight: normal;
                }
                #contentsection .contentblock {
			width: 100%;
                        visibility:visible;
		}
                #contentsection .contentbuttons {
                        display: none;
                }
		#contentsection .contentblock .medwdth, #contentsection .contentblock .med2wdth {
                        width: 67.5%;padding:0;
                }
		#contentsection .bg_image {
			position:absolute;
                        z-index:1;
                        top: -13.9%;
                       
		}
                
                #contentsection .bg_image img {
                        width: 34%;
                }
                
                #contentsection .contentblock .blockleft{
                        padding-top: 30px;
                        vertical-align: bottom;
                }
                
                #sitebody .contentblock .blockright {
                        padding-top: 0;
                        margin-top: -5%;
                        vertical-align: bottom;
                        width: 49.6%;
                }
               
		
		#contentsection .contentforward {
			position: relative;
			top: 51%;
			width: 63%;
			left: 50%;
			text-align: left;
			transform: translate(-50%, 0);
			z-index: 6;
			opacity: 1;
			display: block;
			padding-bottom: 5%;
		}
		
		#contentsection .contentboxarea {
			width: 63%;
			margin-top: 0px !important;
			margin-right: auto;
			margin-bottom: 0px;
			margin-left: auto;
		}
		
		#contentsection .contentboxarea .contentbox {
			width: 40%;
			min-height: 150px;
			border: solid 1px #F79820;
			padding-bottom: 10px;
			margin-left: 145px;
			opacity: 0;
			display: none;
		}
		
		#contentsection .contentboxarea .contentbox .contenttitle {
			width: 90%;
			margin: 10px auto;
			background-color: #6681bb;
			padding: 16px 0;
			position: relative;
		}
		
		#contentsection .contentboxarea .contentbox .contenttitle .titletxt {
			color: #ffffff;
			font-size: 2.7em;
			text-transform: uppercase;
			position: absolute;
			top: -14px;
		}
		
		#contentsection .contentpara {
			color: #231F20;
			font-size: 0.8em;
			width: 89%;
			margin: 0 auto;
			text-align: left;
		}
		
		#contentsection .contentpara .btn {
			max-width: 85px;
			border: solid 1px #f8b482;
			padding: 8px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			color: #2B4D8C;
			text-align: center;
			cursor: hand;
			cursor: pointer;
			letter-spacing: 1px;
			margin: 10px auto;
		}
		
		#mailform {
			border: solid 1px #f8b482;
                        text-align: center;
                        float: none;
                        margin: 0 auto;
		}
		
		#mailform input {
			border: none;
			padding: 4px 0 4px 2px;
                        background: transparent;
                        width: 95% !important;
		}
		
		#mailform .span5 {
			width: 48%;
		}
                
                #mailform .bgwht {
                        background: #ffffff;
                        padding: 3px 0 0 5px;
                }
		
		#mailform .formbutton {
			max-width: 100%;
			border: none;
			padding: 3px 3px;
			font-family: 'Oswald', sans-serif;
			font-weight: 400;
			color: #ffffff;
			text-align: center;
			text-transform: uppercase;
			cursor: hand;
			cursor: pointer;
			letter-spacing: 1px;
			font-size: 0.8em;
			background-color: transparent;
		}
                
   
       
        
                      
                
/*Responsive Styles*/

@media screen and (min-width: 2000px) {
        
        #contentsection .bg_image.center {
                top: -8.6%!important;
        }
        
        #contentsection .contentboxarea, #contentsection .contentforward {
                width: 56%;
        }
        
        #contentsection .contentpara p {
                font-size: 1.8em;
                line-height: 30px;
        }
        
        #contentsection .contentboxarea {
                margin-top: -2% !important;
        }
        
        #sitearea {
                left: 0;
                transform: none;
        }
        
        #sitebody .contentforward .tribannertxt {
                font-size: 1.5em;
        }
        
        #sitebody .contentblock .blockright {
                margin-top: -4.2%;
        }
        
        #sitebody .contentforward .tribanner {
                padding-bottom: 24.59%;
        }
        
        #sitebody .contentforward .tribannertxt {
                width: 95.5%;
        }
        
        .footerarea .footerblock {
                font-size: 126%;
                padding: 10px;
        }
        
        .footerarea .footerblock ul {
                font-size: 130%;
        }
        
        .topnavigation .navlistarea {
                font-size: 132%;
        }
}

@media only screen and (max-width: 1830px) {
        #contentsection .contentforward .tribanner {
                padding-bottom: 25.1%;
        }
        
        #contentsection .contentforward .tribannertxt {
                /*width: 94.1%;*/
        }
}

@media only screen and (max-width: 1640px) {
	#contentsection .contentforward .tribanner {
                padding-bottom: 25.2%;
        }
        
        #contentsection .contentforward .tribannertxt {
                /*width: 94%;*/
        }
}

@media only screen and (max-width: 1515px) {
        #contentsection .contentforward .tribanner {
                padding-bottom: 25.4%;
        }
}

@media only screen and (max-width: 1440px) {
        #header .logoarea.large {
                    margin-top: 8% !important;
        }
        
        .topnavigation .navlistarea li .dropdown li a {
                font-size: 1em;
        }
        
        .topnavigation .navlistarea li .dropdown {
                width: 88%;
        }
        #contentsection .contentforward {
                top: 60%;
                margin-top: 0;
        }
        
        #contentsection .bg_image {
                top: -6.5%;
        }
        
                #contentsection .bg_image img {
                         width: 37.3%;
                }
               
        #contentsection .contentblock .smwdth, #contentsection .contentblock .smw2dth {
                font-size: 103%;
                line-height: 22px;
        }
        
        #contentsection .contentblock .txtarea{
                padding: 5px 83px 5px 0;
        }
        
        #contentsection .contentblock .medwdth, #contentsection .contentblock .med2wdth {
                width: 85%;
        }
        
        #contentsection .contentboxarea .contentbox {
                margin-top: -4%;
        }
        
        #contentsection .contentblock .blockleft {
                padding-top: 0;
        }
        
        #sitebody .contentblock .blockright {
                padding-top: 0;
                margin-top: -7%;
        }
}

@media only screen and (max-width: 1400px) {
        #contentsection .contentforward .tribanner {
                padding-bottom: 25.5%;
        }
        
        #contentsection .contentforward .tribannertxt {
                /*width: 93%;*/
        }
}

@media only screen and (max-width: 1285px) {
	#contentsection .contentforward .tribanner {
                padding-bottom: 25.9%;
        }
        
        #contentsection .contentforward .tribannertxt {
                /*width: 92%;*/
        }
}

@media only screen and (max-width: 1219px) {
	#contentsection .contentforward .tribanner {
                padding-bottom: 26.1%;
        }
        
        #contentsection .contentforward .tribannertxt {
               /* width: 91%;*/
        }
}

@media only screen and (max-width: 1192px) {
	
}

@media only screen and (max-width: 1153px) {
	
}

@media only screen and (max-width: 1126px) {
	#contentsection .contentforward .tribanner {
                padding-bottom: 26.3%;
        }
        
        #contentsection .contentblock .medwdth, #contentsection .contentblock .med2wdth {
                width: 74%;
        }
        
        #mailform .forminput,  #mailform .formbutton {
                font-size: 2em !important;
        }
        
        .footerarea {
                padding: 20px 0;
        }
        .footerarea .footerblock {
                font-size: 54%;
        }
        .footerarea .footerblock .span3, .footerarea .footerblock .span4 {
                float: none;
                width: 60%;
                margin: 0 auto 6px auto;
                text-align:center;
        }
        
        .footerarea .footerblock li {
                font-size: 5em;
        }
        
        .footerarea .copyright {
                font-size: 2em;
        }
}

@media only screen and (max-width: 1086px) {
	
}

@media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: landscape) {
        .topnavigation .navlistarea {
                width: 100%;
                font-size: 110%;
        }
        
                .topnavigation .navdonation {
                        top: 39px;
                        right: 25px;
                }
        
        
        #header .logoarea {
                margin-top: 6% !important;
        }
        
        #contentsection .bg_image {
                top: -8.5%;
        }
        #contentsection .bg_image img {
                width: 55.6%;
        }
        
        #contentsection .contentforward {
                margin-top: 3%;
        }
        
        #contentsection .contentblock .smwdth, #contentsection .contentblock .smw2dth {
                font-size: 1.8em;
                line-height: 37px;
                width: 75%;
        }
                #contentsection .contentblock .txtarea {
                        padding: 12px 25px 12px 0;
                }
                
        #contentsection .contentblock .medwdth, #contentsection .contentblock .med2wdth {
                width: 100%;
        }
}


@media only screen and (max-width: 1366px) {
        #contentsection .contentforward {
                margin-top: 14%;
                width: 80%;
        }
        
        #contentsection .contentboxarea .contentbox {
                margin-top: 6%;
        }
        
        #contentsection .contentforward .tribanner {
                margin: 0;
        }
        
        #contentsection .contentblock .row-fluid {
                display: flex;       
        }
        
        #contentsection .contentblock .blockleft {
                margin: 0 46px 0 8px;
        }
        
        #sitebody .contentblock .blockright {
                margin: 0 10px;
        }
        
        #contentsection .contentforward .tribanner {
                padding-bottom: 24%;
        }
        
        #contentsection .contentboxarea .contentbox .contenttitle .titletxt {
                top: -7px;
        }
}

@media screen and (max-width: 1150px) {
        #contentsection .contentboxarea {
                width: 80%;
        }
        
        #contentsection .contentforward {
                margin-top: 7%;
        }
        
        #contentsection .contentblock .medwdth, #contentsection .contentblock .med2wdth {
                width: 100%;
        }
}

@media screen and (max-width: 1024px) {
        .topnavigation .navlistarea {
                width: 100%;
                font-size: 70%;
        }
        
                .content .topnavigation .navlistarea {
                       
                        font-size: 140%;
                }
        
                .topnavigation .navdonation {
                        top: 39px;
                        right: 25px;
                }
        #header {
                width: 80%;
        }
        #header .logoarea {
                margin-top: 7% !important;
                width: 80%;
        }
        
        .topnavigation .highlighted {
                padding: 20px 11px;
        }
        #contentsection .contentboxarea {
                width: 80%;
        }
        
        #contentsection .contentforward {
                width: 80%;
        }
        
        #sitearea .contentboxarea {
                width: 80%;
        }
        
        #sitebody .contentforward .spanblocks {
                display: flex;
                justify-content: center;
        }
                #sitebody .contentforward .spanblocks .span3 {
                        padding: 0 10px;
                }
        
        #sitearea .contentboxarea p, #sitearea .contentboxarea li, #sitearea .contentboxarea td {
                font-size: 2em;
                line-height: 30px;
        }
        
        #contentsection .bg_image {
                top: -4.5%;
        }
        
                #contentsection .bg_image img {
                        width: 65.6%;
                }
        #contentsection .contentbuttons {
                display: none;
        }
        #contentsection .contentboxarea .contentbox {
                margin-top: 2%;
        }
        
        #contentsection .contentblock .smwdth {
                width: 68%;
                font-size: 100%;
                line-height: 25px;
        }
        
        #contentsection .contentblock .txtarea {
                padding: 12px 25px 12px 0;
        }
        
        #contentsection .contentblock .medwdth, #contentsection .contentblock .med2wdth {
                width: 100%;
        }
        
        
        #contentsection .contentboxarea .contentbox .contenttitle .titletxt {
                top: -5px;
                padding: 0 0 0px 10px;
        }
        
        #contentsection .contentforward .tribanner {
                padding-bottom: 19.9%;
        }
        
        
}


@media screen and (max-width: 1000px)  {
        #header .logoarea.large {
                width: 90%;
        }
        #sitebody .topnavigation {
                display: none;
        }
        #sitearea.content {
                padding-top: 10%;
        }
        
        #sitearea .contentboxarea .bannerbox {
                display: block;
        }
        
                #sitearea .contentboxarea .bannerbox .span4, #sitearea .contentboxarea .bannerbox .span6 {
                        width: 100%;
                        text-align: center;
                }
                
        #sitearea .contentboxarea button.midbtn {
                font-size: 1.3em;
        }
        
        #toparea {
                top: 5px;
        }
        #toparea .ssm {
                opacity: 1;
                width: 100%;
        }
        .responsivemenu {
                display: block;
                /*top: -28px;*/
        }
        
        #header {
                width: 100%;
               /* z-index: 50;*/
        }
        
        #sitearea, #toparea {
              width: 92%;
        }
        
        #header .logoarea {
                margin-top: 1% !important;
                width: 76%;
        }
        
        #contentsection .contentpara .btn {
                max-width: 200px;
        }
        
        #contentsection .bg_image {
                top: -6.5%;
                pointer-events: none;
        }
        
        #contentsection .bg_image img {
                width: 70.6%;
                
        }
        
        #contentsection {
                margin-top: 18%;
                padding-top: 32%;
        }
        
        #contentsection .contentforward {
                margin-top: 50px;
        }
        
        #contentsection .contentblock .row-fluid {
                display: block;
        }
        
        #contentsection .contentblock .blockleft, #contentsection .contentblock .blockright {
                width: 100%;
        }
        
        #sitebody .contentforward .spanblocks .span3 {
                width: 100%;
        }
        
        #contentsection .contentboxarea .contentbox {
                width: 100%;
        }
        
        #contentsection .contentpara {
                font-size: 1.5em;
        }
        
                #contentsection .contentpara p {
                        line-height: 26px;
                }
                
        #contentsection .contentblock .smwdth, #contentsection .contentblock .smw2dth {
                font-size: 74%;
                    line-height: 19px;
        }
        
                #contentsection .contentblock .smwdth {
                        width: 35%;
                }
                
                #contentsection .contentblock .smw2dth {
                        padding: 5px 8px 8px 0;
                }
        
        
        #sitebody .contentforward .spanblocks {
                display: block;
                text-align: center;
        }
        #contentsection .contentblock .txtarea {
                padding: 5px 25px 8px 0;
        }
        
        #contentsection .contentblock {
                visibility: visible;
                display: block;
        }
        
        
        #contentsection .contentbuttons {
                visibility: visible !important;
                display: block;
                margin-bottom: 50px;
        }
        
                #contentsection .contentbuttons ul {
                        list-style: none;
                        margin: 20px 0;
                        padding: 0;
                }
                
                #contentsection .contentbuttons li.lisplit {
                        width: 49%;
                        display: inline-block;
                        vertical-align: top;
                        margin-bottom: 20px;
                }
                
                #contentsection .contentbuttons li {
                        width: 100%;
                }
                
                #contentsection .contentbuttons li img {
                        width: 100%;
                }
                
                #contentsection .contentbuttons .txtarea {
                        padding: 5px 0px 8px 0;
                        width: 100%;
                        font-size: 150%;
                }
                
        #contentsection .contentforward .tribanner {
                width: 100%;
                padding-bottom: 82.4%;
                margin-bottom: 30px;
        }
        
        #contentsection .contentforward .tribannertxt {
               /*width: 94.6%;*/
               font-size: 2em;
        }
        
        #contentsection .contentforward .tribanner.iframe {
                width: 100%;
        }
        
        #mailform .forminput,  #mailform .formbutton {
                font-size: 2em !important;
        }
        
        .footerarea {
                padding: 20px 0;
        }
        
        .footerarea .footerblock .span3, .footerarea .footerblock .span4 {
                float: none;
                width: 60%;
                margin: 0 auto 6px auto;
                text-align:center;
        }
        
        .footerarea .footerblock li {
                font-size: 5em;
        }
        
        .footerarea .copyright {
                font-size: 2em;
        }
        
}


@media screen and (max-width: 768px)  {
        #header .logoarea.large {
                width: 90%;
        }
        #sitebody .topnavigation {
                display: none;
        }
        #sitearea.content {
                padding-top: 10%;
        }
        
        #sitearea .contentboxarea .bannerbox {
                display: block;
        }
        
                #sitearea .contentboxarea .bannerbox .span4, #sitearea .contentboxarea .bannerbox .span6 {
                        width: 100%;
                }
                
        #sitearea .contentboxarea button.midbtn {
                font-size: 1.3em;
        }
        
        #toparea {
                top: 5px;
        }
        #toparea .ssm {
                opacity: 1;
                width: 100%;
        }
        .responsivemenu {
                display: block;
                /*top: -28px;*/
        }
        
        #header {
                width: 100%;
               /* z-index: 50;*/
        }
        
        #sitearea, #toparea {
              width: 92%;
        }
        
        #header .logoarea {
                margin-top: 1% !important;
                width: 76%;
        }
        
        #contentsection .bg_image {
                top: -6.5%;
                pointer-events: none;
        }
        
        #contentsection .bg_image img {
                width: 70.6%;
                
        }
        
        #contentsection {
                margin-top: 18%;
                padding-top: 32%;
        }
        
        #contentsection .contentboxarea .contentbox {
                width: 100%;
        }
        
        #contentsection .contentpara {
                font-size: 1.5em;
        }
        
                #contentsection .contentpara p {
                        line-height: 26px;
                }
                
        #contentsection .contentblock .smwdth, #contentsection .contentblock .smw2dth {
                font-size: 74%;
                    line-height: 19px;
        }
        
                #contentsection .contentblock .smwdth {
                        width: 35%;
                }
                
                #contentsection .contentblock .smw2dth {
                        padding: 5px 8px 8px 0;
                }
        
        #contentsection .contentblock .txtarea {
                padding: 5px 25px 8px 0;
        }
        
        #contentsection .contentforward {
                width: 100%;
                top: 20px;
                margin: 0;
        }
        
        #contentsection .contentblock {
                visibility: visible;
                display: block;
                text-align: center;
        }
        
        #contentsection .contentblock .blockleft, #contentsection .contentblock .blockright {
                width: 90%;
                margin: 0;
        }
        
        #sitebody .contentforward .spanblocks .span3 {
                width: 90%;
        }
        
        #contentsection .contentforward .tribanner.iframe {
                width: 90%;
        }
        
        
        #contentsection .contentbuttons {
                visibility: visible !important;
                display: block;
                margin-bottom: 50px;
        }
        
                #contentsection .contentbuttons ul {
                        list-style: none;
                        margin: 20px 0;
                        padding: 0;
                }
                
                #contentsection .contentbuttons li.lisplit {
                        width: 49%;
                        display: inline-block;
                        vertical-align: top;
                        margin-bottom: 20px;
                }
                
                #contentsection .contentbuttons li {
                        width: 100%;
                }
                
                #contentsection .contentbuttons li img {
                        width: 100%;
                }
                
                #contentsection .contentbuttons .txtarea {
                        padding: 5px 0px 8px 0;
                        width: 100%;
                        font-size: 150%;
                }
                
        #contentsection .contentforward .tribanner {
                width: 100%;
                padding-bottom: 82.4%;
                margin-bottom: 30px;
        }
        
        #contentsection .contentforward .tribannertxt {
               /*width: 94.6%;*/
               font-size: 2em;
        }
        
        
        
        #contentsection .contentblock .row-fluid {
                display: block;
        }
        
        #mailform .forminput,  #mailform .formbutton {
                font-size: 1.7em !important;
        }
        
        .footerarea {
                padding: 20px 0;
        }
        
        .footerarea .footerblock .span3, .footerarea .footerblock .span4 {
                float: none;
                width: 60%;
                margin: 0 auto 6px auto;
                text-align:center;
        }
        
        .footerarea .footerblock li {
                font-size: 5em;
        }
        
        .footerarea .copyright {
                /*font-size: 2em;*/
                font-size: 2em;
                margin-top: 20px;
        }
        
}

@media screen and (max-width: 480px) {
    .footerarea .copyright {
        font-size: 2em;
    }
}

@media screen and (max-width: 736px) {
        
        #header .logoarea {
                margin-top: 9% !important;
        }
        #sitearea .contentboxarea .bannerbox {
                display: block;
        }
        
        #sitearea .contentboxarea .bannerbox .span4, #sitearea .contentboxarea .bannerbox .span6 {
                width: 100%;
        }
        
        #sitearea .contentboxarea button.midbtn {
                font-size: 2em;
        }
        
        #contentsection {
                padding-top: 23%;
        }
        
        
        #contentsection .bg_image {
                pointer-events: none;
               top: -4.1%;
        }
        
        #contentsection .bg_image img {
                width: 52.6%;
        }
        #contentsection .contentboxarea {
                padding-top: 20px;
        }
        
        #contentsection .contentblock .row-fluid {
                display: block;
        }
        
        .topnavigation .navlistarea li .dropdown .subitem a {
                font-size: 0.7em;
        }
        .footerarea .footerblock {
                width: 98%;
        }
}

@media screen and (max-width: 667px) {
        #sitebody .topnavigation {
                display: none;
        }
        #toparea .ssm {
                opacity: 1;
        }
        .topnavigation .navlistarea {
                font-size: 160%;
        }
        
        #contentsection {
                padding-top: 23%;
        }
        
         #contentsection .bg_image {
                top: -4.1%;
        }
        
}



@media screen and (max-width: 480px) {
        #header .logoarea.large {
                width: 90%;
        }
        #sitebody .topnavigation {
                display: none;
        }
        #sitearea.content {
                padding-top: 10%;
        }
        
        #sitearea.content .contentboxarea {
                width: 100%;
        }
        
        #sitearea.content .contentboxarea td p {
                font-size: 0.9em;
        }
        
        #sitearea .contentboxarea .bannerbox {
                display: block;
        }
        
                #sitearea .contentboxarea .bannerbox .span4, #sitearea .contentboxarea .bannerbox .span6 {
                        width: 100%;
                }
                
        #sitearea .contentboxarea button.midbtn {
                font-size: 1.3em;
        }
        #toparea .ssm {
                opacity: 1;
        }
        .responsivemenu {
                display: block;
                /*top: -28px;*/
                top: 0;
               
        }
        
        
        
        #header {
                width: 88%;
                z-index: 5;
               
        }
        
                .content #header {
                        margin-top: 30px;
                        transform: translate(-50%, 0);
                }
        
        #sitearea, #toparea {
              
        }
        
        #header .logoarea {
                margin-top: 16% !important;
                width: 100%;
        }
        
                .content #header .logoarea {
                        margin-top: 6% !important;
                }
        
        #contentsection .bg_image {
                top: -1.2%;
                pointer-events: none;
        }
        
        #contentsection .bg_image img {
                width: 87.6%;
                
        }
        
        #contentsection {
                margin-top: 18%;
                padding-top: 56%;
        }
        
        #contentsection .contentboxarea .contentbox {
                width: 100%;
        }
        
        #contentsection .contentpara {
                font-size: 1.5em;
        }
        
                #contentsection .contentpara p {
                        line-height: 26px;
                }
                
        #contentsection .contentblock .smwdth, #contentsection .contentblock .smw2dth {
                font-size: 74%;
                    line-height: 19px;
        }
        
                #contentsection .contentblock .smwdth {
                        width: 35%;
                }
                
                #sitebody .contentblock .blockleft, #sitebody .contentblock .blockright {
                        width: 90%;
                        display: block;
                        margin: 0 auto;
                }
                
                #sitebody .contentforward .spanblocks .span3 {
                        width: 90%;
                }
        
        #contentsection .contentblock .txtarea {
                padding: 5px 25px 8px 0;
        }
        
        #contentsection .contentblock {
                visibility: visible;
                display: block;
        }
        
        #contentsection .contentblock .row-fluid {
                display: block;
                text-align: center;
        }
        
        
        #contentsection .contentbuttons {
                visibility: visible !important;
                display: block;
                margin-bottom: 50px;
        }
        
                #contentsection .contentbuttons ul {
                        list-style: none;
                        margin: 20px 0;
                        padding: 0;
                }
                
                #contentsection .contentbuttons li.lisplit {
                        width: 49%;
                        display: inline-block;
                        vertical-align: top;
                        margin-bottom: 20px;
                }
                
                #contentsection .contentbuttons li {
                        width: 100%;
                }
                
                #contentsection .contentbuttons li img {
                        width: 100%;
                }
                
                #contentsection .contentbuttons .txtarea {
                        padding: 5px 0px 8px 0;
                        width: 100%;
                }
                
        #contentsection .contentforward {
                margin-top: 20px;
		top: 0;
		padding: 0;
		width: 100%;
		opacity: 1;
		display: block;
        }
                
        #contentsection .contentforward .tribanner {
                width: 100%;
                padding-bottom: 82.4%;
                margin-bottom: 30px;
        }
        
        #contentsection .contentforward .tribannertxt {
               /*width: 94.6%;*/
               font-size: 2em;
        }
        
        #contentsection .contentforward .tribanner.iframe {
                width: 90%;
        }
        
        .footerarea .footerblock .span3, .footerarea .footerblock .span4 {
                float: none;
                width: 60%;
                margin: 0 auto 6px auto;
        }
}