@media only screen and (max-width: 1150px){
	/*header*/
	
	/*menu*/
	.header .menu{margin-left:3%}
	
	/*search*/
	.header .sarchBox{margin:3px 0 0 4%}
	
	/*slider Area*/
	.sliderArea h2{font-size:35px; padding:25px 0 20px 40px; line-height:25px}
	.sliderArea h2 span{font-size:16px;}
	.sliderArea h3{font-size:15px;}
	.sliderArea .info small{font-size:14px;}
	.sliderArea .info span{font-size:20px;}
	
	/*tabsContentArea*/
	.tabsContentArea ul.tabs{list-style:none; height:50px; padding:0 0 0 15px}
	.tabsContentArea ul.tabs li{margin-left:3px}
	.tabsContentArea ul.tabs li a{height:30px; border-bottom:none; font-size:13px; padding:11px 20px 0 15px;}
	
	.tabsContentArea .tabsContent{padding:30px 30px 20px; margin-top:-9px}
	.tabsContentArea .tabsContent #overview{ padding:0}
	.tabsContentArea .tabsContent h2{font-size:22px;}
	.tabsContentArea .tabsContent p{font-size:14px; padding-bottom:25px;}
	.tabsContentArea .tabsContent h3{font-size:20px;}
	
	.tabsContentArea .postRow h2{font-size:17px;}
	.tabsContentArea .postRow h3{font-size:17px;}
	
	/*updated post*/
	.updatePost{margin-bottom:30px; padding:0 20px}
	.updatePost .dateCol{ font-size:15px;}
	.updatePost .dateCol span{display:block; font-size:75px; line-height:70px}
	
	/*leftSidebar*/
	.subContent .leftSidebarIn{padding:20px 15px}
	.subContent .leftSidebar h2{font-size:14px}
	.subContent .leftSidebar .listBox{margin-top:20px}
	.subContent .leftSidebar .listBox h3{font-size:14px; padding:0 0 2px 5px}
	.subContent .leftSidebar ul li{font-size:12px; margin-bottom:3px}
	.subContent .leftSidebar ul li a{padding:5px 10px;}
	.subContent .leftSidebar ul li:hover a:after, .subContent .leftSidebar ul li.active a:after{width:5px; height:9px; background-size:5px 9px; margin-top:3px}
	
	/*rightContent*/
	.subContent .rightContentIn{padding:25px 10px;}
	ul.itemList li{margin-bottom:20px}
	ul.itemList li div.boxIn{margin:0 10px;}
	ul.itemList li h2{font-size:14px;}
	ul.itemList li h3{font-size:13px;}
	ul.itemList li p{font-size:12px; line-height:16px}
	
	ul.itemList li .bottbox ul li .insbox{font-size:8px;}
	ul.itemList li .bottbox ul li strong{font-size:12px;}
	
	.editPage .tabsContentArea .tabsContent h2 a.editButton, .editPage .tabsContentArea .tabsContent h3 a.editButton{ top:-10px}
}

@media only screen and (max-width: 1045px){
	/*header*/
	.header{height:48px; padding:12px 0 0;}
	
	/*logo*/
	h1.logo{padding-top:2px;}
	h1.logo a{width:150px; height:25px; background-size:150px 25px}
	
	/*menu*/
	.header .menu{margin-left:7%}
	.header ul li{float:left; font-size:13px; padding-left:20px; margin-left:20px}
	.header ul li a span{font-size:13px}
	
	/*search*/
	.header .sarchBox{margin:2px 0 0 8%}
	
	
	/*slider Area*/
	.sliderArea h2{font-size:30px; padding:25px 0 20px 25px; line-height:20px}
	.sliderArea h2 span{font-size:15px;}
	
	/*tabsContentArea*/
	.tabsContentArea ul.tabs{list-style:none; height:50px; padding:0 0 0 10px}
	.tabsContentArea ul.tabs li{margin-left:2px}
	.tabsContentArea ul.tabs li a{height:32px; font-size:12px; padding:9px 7px 0 7px;}
	
	
	/*sidebar*/
	.investBox .lBox{width:50%; float:left}
	.investBox .lBox small{font-size:28px;}
	.investBox .lBox span{font-size:14px;}
	.investBox a.viewButton{width:45%;}
	
	a.buttonLink{width:47%; line-height:35px; font-size:15px}

	
	.widget h2{font-size:16px; padding-bottom:10px}
	.widget p{font-size:12px;}
}

@media only screen and (max-width: 950px){
	/*menu*/
	.header .menu{margin-left:3%}
	
	/*search*/
	.header .sarchBox{margin:2px 0 0 5%}
	
	/*sidebar*/
	.investBox .lBox small{font-size:25px;}
	.investBox .lBox span{font-size:13px;}
	a.buttonLink{width:47%; line-height:30px; font-size:15px; height:30px; border:1px solid #c8c8c8;}
	a.buttonLink:hover{border:1px solid #1aba6d;}
}

@media only screen and (max-width: 900px){
	/*header*/
	.header .menu, .rightMenu, .header .sarchBox{ display:none}
	
	.mobileMenu{display:block;}
	#right-menu{float:right; font-size:25px}
	.header .mobileMenu ul{padding:15px 15px}
	.header .mobileMenu li{float:none; border:none; margin:0 0 10px 0; padding:0; font-size:15px;}
	.header .mobileMenu li:first-child{margin-bottom:10px;}
	.header .mobileMenu .sarchBox{display:block; float:none; margin-top:15px}
	
	/*navigation*/
	.settingMenu{height:45px}
	.settingMenu ul li a{height:45px; padding:0 15px; line-height:44px; font-size:14px;}
	
	/*tabsContentArea*/
	.tabsContentArea .tabsContent{padding:20px; margin-top:-13px}
	.tabsContentArea ul.tabs li a{height:30px; font-size:11px; padding:7px 5px 0 5px;}
	.tabsContentArea ul.tabs li a.documents span{padding-left:22px;}
	
	.tabsContentArea .postRow{padding-top:10px;}
	.tabsContentArea .tabsContent p{padding-bottom:15px;}
	
	/*documents list*/
	ul.documentsList li{float:none; width:100%;}
	ul.documentsList li .inBox{ margin-left:0;}
	ul.documentsList li:first-child .inBox{margin:0;}
	
	/*updated post*/
	#updates .topPart h4{font-size:17px;}
	.updatePost{margin-bottom:30px; padding:0 20px}
	.updatePost .dateCol{ font-size:13px;}
	.updatePost .dateCol span{display:block; font-size:50px; line-height:45px}
	.tabsContentArea .tabsContent h2{font-size:17px;}
	.updatePost .postInfo p {font-size: 12px; padding: 10px 10px;}
	
	/*question answer*/
	.qusAnswerArea .commentText small{font-size:12px;}
	.qusAnswerArea .commentText p{font-size:12px;}
	
	
	/*sidebar*/
	.investBox .lBox{width:100%; float:none}
	.investBox a.viewButton{float:none; width:98%; margin-top:15px}
	a.buttonLink{float:none; width:98%; margin-bottom:8px}
	a.right{float:none;}
	
	/*sub header*/
	.subHeader .titleBox{padding:0 100px 0 2%;}
	.subHeader h1{font-size:25px; color:#2f383e; text-transform:capitalize; font-weight:400}
	.subHeader h2{font-size:17px; color:#2f383e; font-weight:400; padding-top:2px}
	
	/*leftSidebar*/
	.subContent .leftSidebarIn{padding:20px 15px}
	.subContent .leftSidebar h2{font-size:14px}
	.subContent .leftSidebar .listBox h3{font-size:12px; padding:0 0 2px 2px}
	.subContent .leftSidebar ul li{font-size:11px; margin-bottom:2px}
	
	/*rightContent*/
	.subContent .rightContentIn{padding:20px 10px;}
	ul.itemList li h2{font-size:13px;}
	ul.itemList li h3{font-size:12px;}
	ul.itemList li p{font-size:11px; line-height:15px}
	
	ul.itemList li .bottbox ul li .insbox{font-size:8px;}
	ul.itemList li .bottbox ul li strong{font-size:10px;}
	
}

@media only screen and (max-width: 690px){
	.spacer{height:70px;}
	
	/*header*/
	.header{height:42px; padding:12px 0 0;}
	/*logo*/
	h1.logo{padding-top:2px;}
	h1.logo a{width:111px; height:19px; background-size:111px 19px}
	
	.mobileMenu #right-menu{margin-top:-5px;}
	
	/*mobileSettingMenu*/
	.settingMenu{height:auto;}
	.settingMenu ul{display:none}
	.mobileSettingMenu{display:block;}
	.mobileSettingMenu ul{display:block; float:none}
	.mobileSettingMenu ul li{float:none; height:auto}
	.mobileSettingMenu ul li a{display:block; height:auto; color:#333; line-height:normal; padding:5px}
	
	
	/*content*/
	.content{margin-top:10px; border-top:none}
	
	/*leftContent*/
	.content .leftCol{width:100%; float:none; padding-top:0; border:none}
	
	/*slider Area*/
	.sliderArea h2{font-size:22px; padding:15px; line-height:25px}
	.sliderArea h2 span{font-size:15px;}
	.sliderArea h3{font-size:14px;}
	.sliderArea .info small{font-size:12px;}
	.sliderArea .info span{font-size:15px;}
	
	/*tabsContentArea*/
	.tabsContentArea .tabsContent{padding:15px; margin-top:-20px}
	.tabsContentArea ul.tabs{padding:0 0 0 2px}
	.tabsContentArea ul.tabs li a{height:25px; font-size:10px; padding:5px 5px 0 5px;}
	.tabsContentArea ul.tabs li a span{background:none !important; padding:0 !important; height:20 !important; margin:0 !important}
	
	/*updated post*/
	.updatePost{margin-bottom:30px; padding:0 10px}
	#updates .topPart h4{font-size:14px;}
	.updatePost .dateCol{ font-size:11px; width:25%}
	.updatePost .dateCol span{display:block; font-size:30px; line-height:30px}
	.updatePost .postInfo{width:70%;}
	#updates .postInfo .topPart{padding:3px 5px}
	.updatePost .postInfo .topPart span{margin-top:2px}
	
	.updatePost .postInfo p {font-size: 10px; padding:5px;}
	
	/*question answer*/
	.qusAnswerArea ol{list-style:none; padding:0 10px}
	.qusAnswerArea .commentText small{font-size:10px;}
	.qusAnswerArea .commentText p{font-size:10px;}
	a.acdComment{margin:30px 0 20px 10px}
	.qusAnswerArea .commentText a.reply{margin-right:5px;}
	
	/*sub header*/
	.subHeader .titleBox{padding:0 100px 0 0;}
	.subHeader h1{font-size:18px;}
	.subHeader h2{font-size:12px;}
	.subHeader a.learnMore{width:100px; text-align:center; padding:5px 0 5px;  font-size:12px; border:1px solid #1aba6d; top:-5px}
	.subHeader a.learnMore:hover{border:1px solid #d7d7d7;}
	
	/*leftSidebar*/
	.subContent .leftSidebar{width:100%; float:none; min-height:0;}
	.subContent .leftSidebarIn{background:none; min-height:0;}
	
	/*rightContent*/
	.subContent .rightContent{width:100%; float:none;}
	ul.itemList>li{float:none; width:100%}
	
	/*sidebar*/
	.content .sidebar{width:100%; float:none}
	.content .sidebarIn{border-left:none; padding:30px 0 0 0; margin-left:0; min-height:0}
	.investBox .lBox{width:50%; float:left}
	.investBox .lBox small{font-size:30px;}
	.investBox .lBox span{font-size:16px;}
	.investBox a.viewButton{float:right; width:40%; margin-top:0}
	a.buttonLink{float:left; width:47%; margin-bottom:0}
	a.right{float:right;}
	
	.editPage .sliderArea .info small{display:block; font-size:12px; color:#1e222e;}
	.editPage .sliderArea .info input{ font-size:11px}
	
	
	/*footer*/
	.footer{padding:20px 0; margin-top:30px}
	.footer h1{margin-bottom:20px;}
	.footer h1 a{width:111px; height:19px; background-size:111px 19px}
	.footer .col-1{width:100%; float:none; margin-bottom:20px}
	.footer h3{padding-bottom:5px;}
	.footer .socialList{float:none; clear:both}
	.footer .socialList .box{margin-left:0; margin-right:10px;}
	
	
	.footer .socialLinks ul li{margin:0 10px;}
	.footer p{font-size:12px;}
}