@media (min-width: 1600px) {
.loginpage .graphicon{bottom: -4px;}
}
@media (max-width: 1300px) {
}
@media (max-width: 1200px) {

.c-package-box a	{padding: 5px 20px;}
.c-package-box::after {width: 80px;height: 50px;background-size: 100% 100%;}
}


@media (max-width: 1024px) {
.headcontainer .navicon{top: 17px;}
.headcontainer .rightlogin{top: 19px;}
.reportcontainer .leftpanelbar .userimgcolumn .userimg img {width: 138px; height: 99px;}
.reportcontainer .leftpanelbar .leftnavigation ul li a{font-size: 14px;}

}
@media (max-width: 991px){
.reportcontainer .weeklydetailspanel .reportpanel.editformgroup .form-edit label{padding: 0;}	
/*13082021*/
.dashboard .progresscontainer .cwprrow .cwprcolumn ul li:before{top:0;}
}
@media (max-width: 990px) {
 
.bottomcontent{padding: 55px 0px;}
.footernav .footernavigation{width: 100%;}
.footernav .footernavigation ul li:first-child {padding-left: 15px;}
.footernav p{float: none; text-align: center;}
.loginpage{padding-bottom: 12rem;}
.loginregistercontainer .loginregisterinner .loginpanelleft{width: 100%; padding: 0px 0px 50px 0px;}
.loginregistercontainer .loginregisterinner .registerpanelright{width: 100%; padding: 50px 0px 0px 0px;}
.loginregistercontainer .loginregisterinner .loginpanelleft:before {content: ""; border-right:none; border-bottom: 1px solid #cccccc; position: absolute; top: 100%; bottom: 0px; right: 0px; left: 0px;}
.loginregistercontainer .loginregisterinner .loginpanelleft:after{top: 100%; left: 50%; margin-top: -20px; right: auto; margin-left: -20px;}
.dashboard .headcontainer .logocontainer{padding-right: 0px;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progressbarheading{width: 100%; padding-bottom: 20px;}
.dashboard .progresscontainer .progressbarpanel h3{font-size: 19px;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progressbarheading{font-size: 14px;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progress{margin-top: 4px;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progress .progress-bar .skill{right: -63px;}
.dashboard .progresscontainer .cwprcolumn .cwcontent{font-size: 14px;}
.dashboard .progresscontainer .progressbarpanel h4{font-size: 17px;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progressbarheading{font-size: 13px;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progress .progress-bar .skill{font-size: 13px;}
.dashboard .progresscontainer .progressbarpanel .progressbarpanelinner + .progressbarpanelinner{margin-top: 20px;}
.dashboard .progresscontainer .progressbarpanel h3{margin-bottom: 8px;}
.dashboard .progresscontainer .progressbarpanel h4{margin-bottom: 8px;}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel label{font-size: 14px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload p{font-size: 11px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload .uploaddirection{font-size: 10px;}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel.uploadpanel h3{font-size: 17px;}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel.uploadpanel p{font-size: 12px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload .bootstrap-filestyle .btn{font-size: 2em;}
.c-package-box{ margin-bottom: 20px; }
.dashboard .progresscontainer .progressbarpanel .progressouter .progress{overflow:initial !important;}

/* 19012023 */
.staticpagecontainer h1{font-size: 28px;}
.staticpagecontainer h2{font-size: 26px;}
.staticpagecontainer h3{font-size: 24px;}
.staticpagecontainer h4{font-size: 22px;}
.staticpagecontainer h5{font-size: 20px;}
.staticpagecontainer h6{font-size: 18px;}




}

@media (min-width: 767px) {

}
@media (max-width: 767px) {

    
.c-inner-page{ padding: 15px 0; }
.c-inner-box{padding: 10px;}	
.c-inner-box-in{padding: 20px;}
/*.bottomcontainer{position: absolute;}*/
.headcontainer .logocontainer img{max-width: 160px;}
.headcontainer .logocontainer{width: 100%;}
.headcontainer .navicon{top: 6px;}
.headcontainer .rightlogin{float: none; margin: auto; display: table; margin-top: 20px;}
.headcontainer .rightlogin .signup{font-size: 13px;}
.headcontainer .rightlogin .signup span{padding: 4px 12px 2px 13px;}
.headcontainer .rightlogin .signup i{width: 26px; line-height: 26px; height: 26px;}
.bottomcontent p{font-size: 14px; line-height: 20px;}
.footernav .footernavigation ul {
	padding: 6px 0px 0 0px;

}
.footernav .footernavigation ul li {
	padding: 0px 0;
}
.footernav .footernavigation ul li + li a::before {
	margin: 0 6px 0 3px;
	font-size: 13px;
}
.foter-link ul {
	padding-top: 15px;
}
.foter-link ul li a {
	font-size: 12px;
}
.foter-link ul li a i {
	font-size: 18px;
	margin: 0 auto 4px;
}
.footernav .footernavigation ul li a{font-size: 9px;}
.footernav p{font-size: 9px; padding:2px 0 6px;}
.videopanelcontainer{padding: 30px 0px;}
.videopanelcontainer .videopanel{padding: 20px 0px;}
.videoheadcontainer{background: #fff;}
.videocontainer .graphicon img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.videocontainer .graphicon{top: auto;}
.loginregistercontainer{padding: 15px 0px;}
.loginregistercontainer .loginregisterinner{padding: 20px;}
.loginregistercontainer .loginregisterouter{padding: 10px;}
.dashboard .headcontainer .logocontainer{text-align: center;}
.dashboard .navigation .navbar-default .navbar-collapse .navbar-nav{margin: 0px;}
.dashboard .navigation .navbar-default .navbar-nav li:first-child{padding: 0px 0px;}
.dashboard .navigation .navbar-default .navbar-nav li{padding: 0px 0px;}
.dashboard .navigation{width: 100%;}
.dashboard .navigation .navbar-default{width: 100%;}
.dashboard .navigation .navbar-default .navbar-toggle{float: left; border: none; padding: 0px; background: 0 0;}
.dashboard .logoutright{position: absolute; right: 15px; top: 0px; padding: 22px 0px;}
.dashboard .countcontainer .counterpanelouter .counterpanel h4{font-size: 15px;}
.dashboard .countcontainer .counterpanelouter .counterpanel h2{font-size: 50px;}
.dashboard .countcontainer .counterpanelouter .counterpanel h5{font-size: 14px;}
.dashboard .countcontainer .counterpanelouter:first-child .counterpanel h4{text-align: center;}
.dashboard .countcontainer .counterpanelouter:first-child .counterpanel h2{text-align: center;}
.dashboard .countcontainer .counterpanelouter:first-child .counterpanel h5{text-align: center;}
.dashboard .countcontainer .counterpanelouter:last-child .counterpanel h4{text-align: center;}
.dashboard .countcontainer .counterpanelouter:last-child .counterpanel h2{text-align: center;}
.dashboard .countcontainer .counterpanelouter:last-child .counterpanel h5{text-align: center;}
.dashboard .countcontainer .counterpanelouter{padding-top: 20px; padding-bottom: 20px;}
.dashboard .countcontainer .counterpanelouter + .counterpanelouter {border-left: none; border-top: 1px solid #198bd8;}
.dashboard .profilecolumn .profileuserpanel{text-align: center;}
.dashboard .backprofile{float: none; display: table; margin: auto;}
.dashboard .progresscontainer .frontbackimg{margin-bottom: 20px;}
.dashboard .navigation .navbar-default .dropdown-menu{margin: 5px;}
.dashboard .progresscontainer .progressbarpanel{margin: 20px 0px;}
.dashboard .progresscontainer .cwprcolumn .cwpercentage .cwpercentageinner{min-width: 70px;}
.dashboard .progresscontainer .frontbackimg .tagicon{font-size: 11px; min-width: 56px; top: 16px;}
.dashboard .profilecolumn .goalcolumn{font-size: 18px;}
.reportcontainer .leftcol{width: 100%;}
.reportcontainer .leftpanelbar{min-height: initial; border-radius: 5px 5px 5px 5px;}
.reportcontainer .rightcol{width: 100%;}
.reportcontainer .weeklyreportpanel .weeklyreportpanelinner{padding: 10px;}
.reportcontainer .weeklydetailspanel .weeklytopheading{font-size: 23px; padding-top: 8px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportpanelpercentage .reportper{font-size: 12px; min-width: 110px;white-space: normal;}
.reportcontainer .weeklydetailspanel h3{font-size: 20px;}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel.uploadpanel{display: table;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimage{display: table; width: 100%; border-top: none; border-left: 1px solid #e6e6e6;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload p{text-align: center;}
.reportcontainer .weeklydetailspanel .reportpanel{width: 100%;}
.reportcontainer{padding: 15px 0px;}
.reportcontainer .weeklyreportpanel{padding: 15px;}
.c-package-h h2{ font-size: 20px; }
.c-package-h span{ width: 90px; height: 55px; background-size: 100% 100%; font-size: 40px; padding: 15px;  }
.c-package-h span i{ font-size: 25px;vertical-align: top; }
.reportcontainer .weeklydetailspanel .reportpanel.editformgroup .form-edit .input-data{word-break: inherit;}
.report-section .report-table tbody tr td{font-size:16px;}
/* 19012023 */
.staticpagecontainer h1{font-size: 24px;}
.staticpagecontainer h2{font-size: 22px;}
.staticpagecontainer h3{font-size: 20px;}
.staticpagecontainer h4{font-size: 18px;}
.staticpagecontainer h5{font-size: 16px;}
.staticpagecontainer h6{font-size: 16px;}

.dashboard .progresscontainer .cwprcolumn span.cwcontent.li-content {
    font-size: 16px;
}

.cwprrow h4 {
    font-size: 20px;
}

.navbar-nav li:last-child{display: flex;}
.maincontainer .row > div > .logoutright{display: none;}
.dashboard .navigation {padding-bottom: 0;}
.dashboard .navigation .navbar-default .navbar-toggle{margin: 0px;}
.loginpage .headcontainer{padding-bottom: 10px;}
.dashboard .navigation .navbar-default .navbar-collapse .navbar-nav{padding: 12px 0 0;}
.dashboard .profilecolumn {background: #fff; padding: 0 0 9px;}

/*6-july-2024*/

/*.bottomcontainer {*/
/*	position: relative;*/
/*}*/
.loginpage {
	padding-bottom: 0;
}
.foter-link ul {
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 0;
}

}
@media (max-width: 600px) {
/*.bgcontainer{padding-bottom: 16rem;}*/
.headcontainer .rightlogin .loginpanel{padding-right: 10px;}

}
@media (max-width: 500px) {
.reportcontainer .weeklydetailspanel .edit-btn .btn-editprofile{padding: 8px;}
.report-section .report-table tbody tr td{font-size:15px;}
/* 19012023 */
.staticpagecontainer{padding: 20px 0px;}
.staticpagecontainer h1{font-size: 20px;}
.staticpagecontainer h2{font-size: 18px;}
.staticpagecontainer h3{font-size: 18px;}
.staticpagecontainer h4{font-size: 16px;}
.staticpagecontainer h5{font-size: 15px;}
.staticpagecontainer h6{font-size: 15px;}
.staticpagecontainer p{font-size: 14px; margin-bottom: 10px;}
.staticpagecontainer ul li{font-size: 14px;}

}
@media (max-width: 440px) {
.reportcontainer .weeklydetailspanel .reportpanel .formpanel{display: table; width: 100%;}
.reportcontainer .weeklydetailspanel .reportpanel .reportpanelpercentage{display: table; width: 100%; padding-left: 0px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportpanelpercentage .reportper{border-radius: 0px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportsubmit{font-size: 16px;}
}
@media (max-width: 360px) {

}