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


@media only screen and (max-width:1280px){
	.sidebarLeft{width:80px;}
	.sidebarLeft + .contentRight {margin-left: 80px;}
	
}

@media only screen and (max-width:1024px){
	.contentRight .activity .recent-content ul li{ padding:30px 40px;}
	.sidebarLeft{width:80px;}
	.sidebarLeft + .contentRight {margin-left: 80px;}
	.profileSidebar,.profileSidebar:before {width:40%;}
	
	.Profilecontent {width: 60%;}
	.suppor-add{margin:0 20px 0;  top:10%;}
	.mywheelchart,.mywheelcolors{width:100%;}
	.w42{ width:50% !important;}
	body.consumerpage .content-wrapper.whoweare{background-color:#f7f8f8; clear:both; padding-top:55px;}
	.content-wrapper.whoweare{margin-bottom:0;}
	.img-push > .form-control{ float:none; height:35px; width:100% !important;}
.img-push > button{ float:right; margin-top:10px;}
div.jp-audio{ width:100%;}
div.jp-audio div.jp-type-single div.jp-progress, div.jp-audio .jp-type-single ul.jp-toggles, div.jp-audio div.jp-volume-bar{ display:none !important;}
div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute, div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max{ margin-left:10px;}
div.jp-audio div.jp-time-holder{ top:inherit;}
div.jp-audio div.jp-type-single div.jp-time-holder{ width:100%; left:20px;}
div.jp-duration{ float:left;}
div.jp-audio{ margin-bottom:10px;}
section.content{padding-top:55px;}
}

@media only screen and (max-width:1023px){	
	/*Profilepage*/
	.profileSidebar {width:100%; height:auto !important;}
	.profileSidebar:before{display:none;}
	.Profilecontent {width: 100%;}
	
	.suppor-add ul li{width:33.3% !important;}
	.well{margin:0 20px; padding:20px; top:5%;}
	.well h4{ font-size:1.4em;}
	.well button{ padding:5px 30px;}
	.well .img{float:none; margin:0 auto 20px; display:block;}
	.well p{ margin-bottom:20px;}
	.rposition{margin-bottom:10px;}
	.well input{margin-bottom:30px;}
	
	.pad60{ padding:0 !important;}
    .signup{ padding:0 10px;}
	.w42{ width:42% !important;}
	.login-from .modal-dialog{ width:auto;}
	.activity-popup{ width:auto; padding:20px !important;}
	#editactivity_wrapper .well{top:30%; width:730px !important;}
	.activity-details ul li .valuetag{width:80% !important;}
	.activity-details ul li .fieldtag{ width:20% !important;}
}

@media only screen and (max-width:980px){
	#homesliderwrapper .captionwrap{margin-bottom:80px;}
	#homesliderwrapper .caption1 {font-size:2em; line-height:normal}
	#homesliderwrapper .caption2 .smallcaption {font-size:1em;}	
	.footerHelp,.footerabout,.footersocial{margin-bottom:40px}
	footer{padding:50px 0}
	.menuright li{padding:0 15px;}
}

@media only screen and (max-width:800px){	
        .menuright li a{font-size: 14px;}
	}
        
@media only screen and (max-width:768px){
	.mywheelchart .highcharts-title {margin-left: 0 !important;}
        .menuright li a{font-size: 14px;}
	}
	
@media only screen and (max-width:767px){
	
	.sidebarLeft {position: relative;width: 100%;}
	.sidebarLeft + .contentRight {margin-left:0px;}
	.Profilecontent {width: 100%;}
	.sidebarLeft ul li{display:inline-block; padding:0 22px;}
	
	header.topheader {background-color:#fff !important; border-bottom: 1px solid #979797 !important;}
	.innerbanner{margin-top:0}
	.menubar{display:block !important;}
	.menuright{display:none;}
	.mobilerightmenu{display:block}
	.logo img {max-height: 30px;}
	.logo {padding: 18px 0;}
	.footercta p{margin-bottom:25px; font-size:1.2em}
	.footercta .btn.btn-rounded{margin-left:0;}
	.bannercaption p{font-size:1.6em; color:#fff; line-height:normal; margin-bottom:26px}
	#homesliderwrapper{margin-top:0}
	#homesliderwrapper .captionwrap{margin-bottom:50px;}
	#homesliderwrapper .caption1 {font-size:1.2em; line-height:normal; padding-bottom:0; width:100%}
	#homesliderwrapper .caption2 .smallcaption {font-size:0.5em;  margin-bottom:10px}
	.btn-border{font-size:14px;line-height:30px;}
	.owl-theme .owl-controls{bottom:0;}	
	.owl-theme .owl-controls .owl-page span{width:12px; height:12px;}
	.page-title {font-size: 1.5em;}
	p.txtdesc {font-size: 1em;}
	.suppor-add ul li{width:50% !important;}
	div.jp-audio div.jp-type-single div.jp-progress, div.jp-audio .jp-type-single ul.jp-toggles{ display:block !important}
	.faq li h2{font-size:22px;}
	.faq li{padding: 20px 0;}
	.faq li h2 + div {padding-top: 10px; text-align:justify}
	.helplist li {padding: 20px 0;}
	.helplist li h2{font-size:22px;}
	.helplist li p {font-size: 1em;margin-bottom: 20px; text-align:justify}
	.titlecenter {display: block !important;font-size: 20px !important;margin-bottom: 10px !important;text-align: center;width: 100%;}
	.signup .modal-header{padding-bottom:0}
        .box-tools .deleteico{font-size:1.1em}
        .box-tools .editimgpost{font-size:1em}
        .box-tools .pr10{padding-right: 0 !important; padding-top: 6px;}
        .user-block .userpostname{padding-right: 28px !important; word-wrap:break-word;}
        div.jp-audio,div.jp-audio ul.jp-controls{width: 100% !important;}
        div.jp-audio ul.jp-controls{padding: 20px 15px !important;}
        .well{padding: 50px 20px !important;}
}
	@media screen and (max-width:700px) {
		.w42{ width:50% !important;}
		#editactivity_wrapper .well{padding:30px !important; width:600px !important;}
		.sidebarLeft{ width:100% !important; margin-bottom:20px; position:relative !important;  float:left;}
		.sidebarLeft ul li{ float:left; display:inline-block !important; padding:10px 10px 20px !important; width:16.66%}
		.sidebarLeft ul li img{ height:30px; display:table-cell; margin: 0 auto;}
		.sidebarLeft + .contentRight{ margin-left:0 !important;}
		
		.p30{padding:10px !important;}
		
		div.jp-audio div.jp-type-single div.jp-progress { display:block !important;left: 170px; width: 136px;}
                .myWheelbox .divTitle{ float: left; width: 100%;}
    }
	
	@media screen and (max-width:639px) {
        .signup-from ul li{width:100%; padding:0 5px; }
        .gnd{ margin:0px auto;}
        .gnd ul li{width:33.3%; float:left;}
        .w20{ width:100% !important;}
        .w33{ width:50% !important;}
		.mw100{width:100% !important;}
		.w42{ width:55% !important; clear:both; margin:0px auto; float:none !important;}	
		.pad60{width:53% !important;}
		
		.timeline {margin-left: 0;}
		.timeline > .time-label > .timestap{top:0; margin-left: 0;text-align: left;padding: 10px; border-radius:10px; background-color:#DDDDDD}
		#editactivity_wrapper .well{padding:30px !important; width:530px !important;}
		div.jp-audio div.jp-type-single div.jp-progress{ width:115px;}
                .myWheelbox .divTitle, .timelinebox .divTitle{ font-size:1em !important}
		.padsize{ width:auto !important;}
    }

@media only screen and (max-width:480px){
	.colleft{width:100%; text-align:left;}
	.colright{width:100%;}
	.well{padding:50px; margin-top:-100px; top:40%;}
	.suppor-add ul li{width:100% !important;}
	
	.gnd{ margin:0px auto;}
	.w42, .pad60{ width:70% !important;}
	footer h2{font-size:1.4em}
	#editactivity_wrapper .well{padding:30px !important; width:440px !important;}
	.activity-details, .mt35{ margin:0 !important;}
	.activity-details ul li .valuetag{width:70% !important;}
	.activity-details ul li .fieldtag{ width:30% !important;}
	.activity-details .btn.btn-file{ margin-top:20px;}
	.activity-details .form-group, .activity-details .rposition, .activity-details ul li{ margin:0 !important;}
	.timelinebox .divCont{ padding:30px 10px !important}
	.userpostname{ padding-right:20px !important; font-size:1em;}
		.timelinepostimg p{ font-size:0.8em !important;}
		.divCont .mywheelcolors{ margin-top:0 !important;}
		div.jp-audio div.jp-type-single div.jp-progress{display:none !important}
		
		
}

@media only screen and (max-width:360px){
	.contentRight .activity .recent-content ul li{ padding:20px;}
	.contentRight .activity .recent-content ul li .profile-img{ margin:0px auto; float:none;}
	.contentRight .activity .recent-content ul li .profile-cont{ padding:20px 0 0;}
	.contentRight .activity .recent-content ul li .profile-cont span{font-size:1em;text-align:center !important;display:inline-block;}
	.contentRight .activity .recent-content ul li .profile-cont p{font-size:0.8em; margin-bottom:0;}

	.myGrouplist li .groupImg{float:none; width:100%;}
	.myGrouplist li .group-info{margin-left:0; padding:10px 0; text-align:center}
	.myGrouplist li .group-info .deleteGroup{position:relative; display:block}
	.well{margin:0 20px; padding:20px; top:5%;}
	.well h4{ font-size:1.4em;}
	.well .added{font-size:1em;}
	.well button{ padding:5px 30px;}
	.well .img{float:none; margin:0 auto 20px; display:block;}
	.well p{ margin-bottom:20px;}
	.rposition{margin-bottom:10px;}
	.well input{margin-bottom:30px;}
	.gnd ul li{ width:100%; float:left; text-align:left;}
    .login-pad{ padding:0 10px;}
	.w42, .pad60{ width:100% !important;}
	.genter-part{ font-size:0.9em}
	.login-pad{ padding:0 10px;}
	.myWheelbox .divCont{ padding:0 !important;}		
	.highcharts-title > img{margin:7px -9px 0 -6px !important;}
	.profileSidebar{ padding:30px 10px !important;}

	div.jp-audio{ margin-bottom:10px; margin-top:10px;}
	div.jp-audio div.jp-type-single div.jp-progress, div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute, div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max, div.jp-audio div.jp-type-single div.jp-time-holder{display:none !important}
	.changepass ul li .valuetag, .changepass ul li .fieldtag{ width:100% !important; text-align:left;}
	.changepass ul li{ margin:0 !important;}
	
}
	
@media only screen and (max-width:320px){
	.menubar{margin: 18px 10px 0 0;}
	.mobilerightmenu a.signup{margin-left:0}
}

@media screen and (min-width:1024px) {
        .signup-from .modal-dialog{ width:900px;}
    }