/*
 Theme Name:   Zoomy Child
 Description:  Zoomy Child
 Author:       WMA
 Template:     zoomy
 Version:      0.0.1
*/


h1 {
    font-size: 25px;
}


.about_details {
    height: ;
	overflow: ;
}

.services_500 {
    height: 500px;
	overflow: auto;
}

.services_300 {
    height: 300px;
	overflow: auto;
}

.span10 {
    width: 33.3333%;
	float: right;
}

.span50 {
    width: 50% !important;
}

.publications p {
    color: #303030;
}

.publications a:hover {
    color: #303030;
    text-decoration: ;
	font-weight: bold;
}

.publications a:link {
	color: #303030;
}

/* visited link */
.publications a:visited {
    color: #303030;
	text-decoration: underline;
}

wmaquote {
    font-size: 20px;
}

.wmacaption {
	font-size: 20px;
}

.wmarow {
    margin: 0 0px !important;
}

.members .member p {
    height: ;
	padding-right: ;
    text-align: ;
	overflow: ;
}

.project_info .project_details p {
    font-size: 16px;
    line-height: 1.81em;
    letter-spacing: 0px;
    margin-right: 10px;
}

/* ====== List ======= */
ol.wma {
    padding-left: 40px;
	list-style-type: lower-alpha;
}
/* ====== List ======= */

/* ====== Members ======= */

/* ====== Members ======= */

/* ====== MENU CSS ======= */
.header div.menu {
    float: right;
}
.header div.menu ul li {
    float: ;
    position: relative;
}
.header div.menu>ul{
    margin-right: -16px;
    margin-left: -16px;
}
.header div.menu ul li a {
    display: block;
    font-size: 16px;
    margin: 0px 16px;
	border-bottom: 1px solid #dddddd;
    color: #202020;
    line-height: 1.4em;
    font-family: Muli;
    padding: 6px 11px;
    text-transform: capitalize;
	border-top: 1px solid #dddddd;
    border-color: transparent;
}
.header div.menu ul li a:hover {
	color: #202020;
	text-shadow: 1px 0 0 currentColor;
}
.header div.menu ul li.current_page_item a{
	color: #202020;
	text-shadow: 1px 0 0 currentColor;
}
.header div.menu .sub-menu ul li.current_page_item a{
	font-weight: normal;
}
	
.header div.menu ul li.current_page_ancestor a {
    color: #202020;
}
.header div.menu ul li .children a ,
.header div.menu ul li .sub-menu a {
    color: #202020;
}
.header div.menu ul li .children a:hover ,
.header div.menu ul li .sub-menu a:hover {
    color: #3196c5;
	border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 0px solid #ddd;
}
.header div.menu ul li .children,
.header div.menu ul li .sub-menu,
.header div.menu ul li .children li .children ,
.header div.menu ul li .sub-menu li .sub-menu {
    display: none;
    position: absolute;
    background: #fff url(<?php echo get_template_directory_uri(); ?>/images/elements/dropdown.png) no-repeat center 12px;
    width: 180px;
    z-index: 999;
    margin: 0px 0px 0px -45px;
    padding-top: 20px;
    border-bottom: 0px solid #ddd;
}
.header div.menu ul li .children li .children ,
.header div.menu ul li .sub-menu li .sub-menu {
    right: 0;
    border-top: 1px solid #ddd;
    background: none;
    padding-top: 0px;
    margin-top: -46px;
    margin-right: -181px;
}
.header div.menu ul li:hover .children,
.header div.menu ul li:hover .sub-menu,
.header div.menu ul li .children li:hover .children ,
.header div.menu ul li .sub-menu li:hover .sub-menu {
    display: block;
}
.header div.menu ul li .children li ,
.header div.menu ul li .sub-menu li {
    display: block;
    width: 100%;
    border: 0px solid #ddd;
}
.header div.menu ul li .children a ,
.header div.menu ul li .sub-menu a {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 0px solid #ddd;
    background: #fff;
    text-align: center;
    width: 100%;
    margin: 0px;
    padding: 15px 0px;
    text-transform: none;
    display: block;
	font-family: 'Muli', sans-serif;
    color: #202020;
	text-shadow: none;
}
/* ====== MENU CSS ======= */


/* ====== PORTFOLIO MENU CSS ======= */
.filter-all {
    margin-bottom: 0px;
    display: block;
    text-align: center;
}
.filter-all li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 0px 10px;
}
.filter-all li a {
    display: block;
    padding: 8px 25px;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    border: 1px solid #969696;
    background: none;
    color: #202020;
	margin-bottom: 15px;
}
.filter-all li a.active,
.filter-all li a:hover {
	text-shadow: 1px 0 0 currentColor;
	color: #202020;
    background: none;
}

/* ====== PORTFOLIO MENU CSS ======= */




/* WMA Forum Styling */

/* =bbPress Style
-------------------------------------------------------------- */
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size: 14px;
	
}
/*forum descriptionstyling to move 'Subscribe' to right hand side */
#bbpress-forums div.bbp-forum-content {
  clear: both !important;
  margin-left: 0 !important;
  padding: 0  !important;
}




/*styling to move 'Subscribe' to right hand side */
.single-forum .subscription-toggle  {
    float:right !important ;
}

#bbpress-forums .bbp-forums-list li {
display: block;
}



	
/* =Breadcrumb and Tags */

div.bbp-breadcrumb,
div.bbp-topic-tags {
	font-size: 16px;
}



/* =Custom Topic Style */

#bbp-topic-title {
	width: 400px;
}








/********* WMA form design style ====== begin **********/
@font-face {
    font-family:'Cinzel';
    src: url('fonts/Cinzel-Regular.eot') format('embedded-opentype'),
        url('fonts/Cinzel-Regular.woff') format('woff'),
        url('fonts/Cinzel-Regular.ttf') format('truetype'),
        url('fonts/Cinzel-Regular.otf') format('opentype'),
        url('fonts/Cinzel-Regular.svg#Cinzel-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/************************************/

.form-heading {
    float: left;
    width: 100%;  
    padding: 0 0 30px; 
}
.form-heading h2{
    float: left;
    width: 100%;
    height: 65px;
    text-align: center;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    line-height: 70px;
    font-family: 'Cinzel';
    font-size: 30px;
    text-shadow: 0.1px 0 0px;
    margin: 3px 0 0;
    word-spacing: 0.9px;
}
.general-information{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 13px;
}
.general-information h3 {
    font-size: 25px;
    color: #202020;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    float: left;
    margin: 50px 0 34px;
    border-bottom: 5px solid #202020;
    padding: 0 0 12px;
}
.general-information button.save-btn {
    float: right;
    height: 30px;
    width: 83px;
    border-radius: 20px;
    background: #676867;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 20px;
    margin-top: 59px;
    letter-spacing: 0.3px;
}
.general-information h4 {
    color: #676867;
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin: 0 0 23px;
}
.general-information ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.general-information ul li{
    float: left;
    width: 31.68%;
    margin: 0 29px 27px 0;
    background: #f5f5f5;
    border: 1px solid #f4f4f4;
}
#cus ul li:nth-of-type(3n){
    margin-right: 0px;
}
.general-information ul li input[type="text"], .general-information ul li input[type="tel"], .general-information ul li input[type="email"] {
    width: 100%;
    float: left;
    padding: 16px 0px 16px 15px;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #707170;
    background: transparent;
    letter-spacing: 0.3px;
}
.project-detail ul li:last-child {
    width: 65.8%;
    margin-bottom: 27px;
}
.general-information textarea{
    float: left;
    width: 100%;
    height: 91px;
    padding: 16px 0px 0px 15px;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #707170;
    background: transparent;
    letter-spacing: 0.3px;
    resize: none;
}
.project-detail{
    margin-top: 35px;
    margin-bottom: 35px;
}
.purpose-section input[type="submit"].save-btn {
    float: left;
    margin-bottom: 27px;
    margin-top: 30px;
    height: 30px;
    width: 83px;
    border-radius: 20px;
    background: #676867;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 20px;
    letter-spacing: 0.3px;
}   
.purpose-section textarea{
    background: #f5f5f5;
    resize: none;
}
.detail-sub ul li{
    float: left;
    width: 84%;
    clear: right;
    margin-right: 0px;
}
.select-detail {
    float: left;
    width: 100%;
}
.select-detail label{
    float: left;
    width: 30%;
    padding: 15px 0px 18px 15px;
}
.select-detail label h4{
    border-right: 1px solid #bcbdbc;
    color: #262626;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-shadow: 0 0 0px;
    margin: 0;
    height: 18px;
    line-height: 16px;
}
.select-detail select.select-detail-value {
    float: left;
    width: 67.6%;
    color: #313131;
    font-size: 17px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    text-shadow: 0 0 0px;
    background: transparent;
    letter-spacing: 0.7px;
    margin: 10px 0px 0 18px;
    outline: none;
}
.select-detail-value.calculation-type{
    margin-top: 14px !important;
}
.detail-sub ul li:last-of-type select.select-detail-value{
    height: 170px !important;
    margin-top: 12px !important;

}
.detail-sub {
    float: left;
    width: 100%;
    border-bottom: none;
}
.detail-sub h3{
    margin-top: 52px;
}
.supporting-main-catagory span {
    float: left;
    width: 100%;
    color: #262626;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-shadow: 0 0 0px;
    margin: 22px 0 17px -13px;
    padding: 0;
}
.supporting-main-catagory {
    float: left;
    width: 100%;
    padding: 0 49.8px 31px 28px;
    background: #f5f5f5;
    margin: 15px 0 0;
    border: 1px solid #f4f4f4;
}
.supporting-info {
    float: left;
    border-top: 1px solid #d0d0d0;
    width: 100%;
    padding: 15px 0 0 0;
}
.supporting-info ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.supporting-info ul li{
    float: left;
    width: 21%;
    text-align: center;
    margin: 0 43px 0 0;
    box-shadow: none;
    background: transparent;
}
.supporting-info h4 {
    color: #4f4f4f;
    font-size: 15px;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 17px;
}
.supporting-info p {
    font-size: 15px;
    color: #000;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    min-height: 40px;
    padding: 4px 0 0;
    margin: 0;
}
.supporting-info input[type="file"]{
    font-size: 13px !important;
    float: none;
    margin: 0 auto;
    display: block;
    width: 186px;
    border: 1px solid #ccc;
    padding: 7px 6px 7px 10px;
    border-radius: 20px;
    background: #fff;
    color: #878888;
}

.supporting-info .italic-txt {
    color: #878888;
    font-size: 12px;
    line-height: 24px;
    font-family: 'Muli', sans-serif;
    font-style: italic;
    word-wrap: break-word;
}
.supporting-info ul li:first-child{width: 17%;}
.supporting-info ul li:last-child{width: 14.9%; margin-right: 0;}
.supporting-info ul li:nth-child(2) {width: 15.2%;}
.supporting-info ul li:nth-of-type(4) p{margin: -16px 0 8px 0; line-height: 22px;}
.supporting-info ul li:nth-of-type(4) .italic-txt {padding: 24px 0 15px;}



/************************/

.fileContainer {
    overflow: hidden;
    position: relative;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;

}

.fileContainer {
    float: none;
    font-size: 15px !important;
    width: 134px;
    border: 1px solid #b2b3b2;
    padding: 7px 6px 7px 10px;
    border-radius: 20px;
    background: #fff;
    color: #676867;
    display: inline-block;
    height: 29px;
    line-height: 13px;
    font-weight: 400;
    text-shadow: 0 0 0px;
    font-family: 'Muli', sans-serif;
    text-align: center;
}

.fileContainer [type=file] {
    cursor: pointer;
}

.materials-schedule-sec .fileContainer{
    display: inline-block;
}

.materials-schedule-sec .schedule-menu-item ul li input[type="text"]{border: 1px solid #ccc; padding: 4px 4px; width: 100%;}

.terms-conditions-link {float: left; width: 100%; padding: 6px 6px; margin: 6px 0 6px 0;}
.terms-conditions-link .form-control {float: left; margin: 8px 7px 0px 0;}
.terms-conditions-link a {width: 98%; margin: 0; display: inline-block;}

/*****END*************/


.supporting-info ul li:nth-of-type(3){
    margin-right: 3%;
}
.supporting-info ul li:nth-of-type(4){
    margin-right: 3%;
    width: 17%;
}
.supporting-info ul li:last-of-type .italic-txt{
    margin: 0 0 0 7px;
    font-size: 12px;
    line-height: 25px;
}
.materials-schedule-sec {
    width: 100%;
    float: left;
    padding: 0 28px 0 50px;
    margin: 14px 0 27px;
    background: #f5f5f5;
    border: 1px solid #f4f4f4;
}
.materials-schedule-sec h3{
    color: #4f4f4f;
    font-size: 15px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0.6px 0 0px;
    letter-spacing: 0.2px;
    margin-bottom: 25px;
    margin-top: 24px;
    margin-left: -22px;
}
.materials-schedule-menu {
    float: left;
    width: 100%;
    background: #262626;
    padding: 12px 0 14px;
}
.materials-schedule-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.materials-schedule-menu ul li{
    float: left;
    width: 21%;
    text-align: center;

}
.materials-schedule-menu ul li span{
    color: #fff;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
.materials-schedule-menu ul li:last-child {
    width: 15%;
}
.schedule-menu-item{
    float: left;
    width: 100%;
    padding: 12px 0 12px;
}
.schedule-menu-item ul{
    margin: 0 0 18px 0;
    padding: 0 0 12px 0;
    list-style: none;
    border-bottom: 1px solid #ccc;
}
.schedule-menu-item ul li{
    display: inline-block;
    width: 23.22%;
    /*text-align: center;*/
    vertical-align: top;
    border-right: 1px solid #c4c4c4;
    padding-right: 8px;
    margin-right: 6px;
    
}
.schedule-menu-item ul li:nth-of-type(2) {
    width: 21%;
}
.schedule-menu-item ul li:nth-of-type(3) {
    width: 20%;
}
.schedule-menu-item ul li:nth-of-type(4) {
    width: 20.6%;
}
.schedule-menu-item ul li:last-child p {
    margin: 0px 0 0;
    font-size: 13px;
    padding: 0 0 0 8px;
    float: right;
    width: 56%;
    word-wrap: break-word;
}
.schedule-menu-select{
    background: transparent;
    font-size: 16px;
    color: #000;
    font-family: 'Muli', sans-serif;
    text-shadow: 0 0 0px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
    
}
.schedule-menu-item ul li a{
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    text-decoration: none;
    display: block;
}
.schedule-menu-item ul li:last-child{
    width: 32.9%;
    border-right: none;
    margin-top: 0px;
    margin: 0;
    padding: 0;
    text-align: left !important;
}
.schedule-menu-item ul li:last-child input#materials_pdf {
    font-size: 13px !important;
    width: 100%;
    border: 1px solid #ccc;
    padding: 7px 6px 7px 10px;
    border-radius: 20px;
    background: #fff;
    float: left;

}
.schedule-menu-item p{
    color: #000000;
    font-size: 15px;
    font-family: 'Muli', sans-serif;
    font-style: italic;
    font-weight: 600;
    text-shadow: 0 0 0px;
}
.plus-minimize-icon {
    float: left;
    width: 5%;
}

.icon-bg {
    position: relative;
}
.icon-bg.active::after {
    background: #262626 url(images/minus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 8px;
    top: 7px;
    border-radius: 50%;
}
.icon-bg::after {
    background: #262626 url(images/plus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 8px;
    top: 7px;
    border-radius: 50%;
}
.plus-minimize-content{display: none; padding: 0 60px;}
.show{display: block;}

.icon-bg-sec2 {
    position: relative;
}
.icon-bg-sec2.active::after {
    background: #262626 url(images/minus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 8px;
    top: 7px;
    border-radius: 50%;
}
.icon-bg-sec2::after {
    background: #262626 url(images/plus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 8px;
    top: 7px;
    border-radius: 50%;
}
.plus-minimize-content2{display: none; padding: 0 60px;}
.show{display: block;}


.additional-information {
    float: left;
    width: 100%;

}
.additional-information textarea {
    float: left;
    width: 100%;
    height: 90px;
    padding: 14px 0px 0px 15px;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #707170;
    text-shadow: 0 0 0px;
    background: #f5f5f5;
    border: 1px solid #f4f4f4;
    resize: none;
}
.plus-circule-icon{
    float: left;
    width: 100%;
    height: 83px;
    margin: 13px 0 0px;
}
.detail-2 {
    margin-top: 33px;
}
.detail-2 h4 {
    margin-bottom: 34px;
}

.add-new-detail {
    width: 100%;
    float: left;
   
}
.add-new-detail-icon {
    float: left;
    
}
.add-new-detail-bg {
    position: relative;
    float: left;
    margin: 0 0 0 42px;
}
.add-new-detail-bg::after {
    background: #262626 url(images/plus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 8px;
    top: 7px;
    border-radius: 50%;
    background-size: 12px 12px;
}
.add-new-detail-bg.active::after {
    background: #262626 url(images/minus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 8px;
    top: 7px;
    border-radius: 50%;

}
.add-new-detail-inputbox {
    display: none;
    padding: 0 60px;
}
.add-new-detail-inputbox input[type="text"]{
    float: left;
    width: 60%;
    box-shadow: 0px 0px 4px 4px #f3f3f3;
    padding: 7px 0px 7px 15px;
    margin: 7px 0 0 -34px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-shadow: 0 0 0px;
}
.add-new-detail-inputbox{display: none;}
.show{display: block;}


.add-new-detail-bg2 {
    position: relative;
    float: left;
    margin: 24px 0 0 42px;

}
.add-new-detail-bg2::after {
    background: #262626 url(images/plus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 8px;
    top: 7px;
    border-radius: 50%;
    background-size: 12px 12px;
}
.add-new-detail-bg2.active::after {
    background: #262626 url(images/minus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 8px;
    top: 7px;
    border-radius: 50%;
}
.add-new-detail-inputbox2 {
    display: none;
    padding: 0 60px;
}
.add-new-detail-inputbox2 input[type="text"]{
    float: left;
    width: 60%;
    box-shadow: 0px 0px 4px 4px #f3f3f3;
    padding: 7px 0px 7px 15px;
    margin: 30px 0 0 8px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-shadow: 0 0 0px;
}
.add-new-detail-inputbox2{display: none;}
.show{display: block;}
.add-txt {
    float: left;
    height: 31px;
    width: 173px;
    margin: 8px 0 0 2px;
    background: #f5f5f5;
    border-radius: 20px;
    padding: 0 0 0 47px;
    font-size: 14px;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}
.add-txt2 {
    float: left;
    height: 31px;
    width: 173px;
    margin: 32px 0 0 -40px;
    background: #f5f5f5;
    border-radius: 20px;
    padding: 0 0 0 47px;
    font-size: 14px;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}
.add-detail-section{
    float: left;
    width: 100%;
    padding: 0px 0 40px;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 30px;
}
.add-detail-section button.save-btn {
    float: left;
    height: 30px;
    width: 83px;
    border-radius: 20px;
    background: #676867;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 20px;
    margin-top: 44px;
    letter-spacing: 0.3px;
}
.subbm-btn {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 0px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 57px;
}
.subbm-btn input[type="submit"] {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    width: 249px;
    height: 47px;
    background: #262626;
    border-radius: 20px;
    border-bottom: 3px solid #3b3b3b;
    font-family: 'Cinzel';
    font-weight: 400;
    text-shadow: 1px 0 0px;

}
/*.span6 {
    width: 601px;
}*/
#loader{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/loader.gif') center no-repeat rgba(255, 255, 255, 0.9);
}
.purpose-section #save_info_two{
    float: left;
    height: 30px;
    width: 83px;
    border-radius: 20px;
    background: #676867;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 20px;
    margin-top:30px;
    letter-spacing: 0.3px;
}
.materials-schedule-sec .add_material_pdfs{
    position: relative;
    padding: 15px 0;
    margin: 0px;
    outline: none;
    background: transparent;
}
.materials-schedule-sec .add_material_pdfs{
    font-size: 0px;
}
.materials-schedule-sec .add_material_pdfs:after{
    background: #262626 url(images/plus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 46px;
    height: 46px;
    right:-46px;
    top:-23px;
    border-radius: 50%;
}
.materials-schedule-sec .schedule-menu-item > label {
    float: right;
    width: 95%;
    line-height: 74px;
}
.btns-grp > label{
    float: right;
    width: 95%;
    line-height: 98px;
}
.form-heading #add-submission-details{
    position: relative;
    padding: 15px 0 0;
    margin: 16px 0 10px;
    background: transparent;
}
.form-heading #add-submission-details:after{
    background: #262626 url(images/plus-icon.png) no-repeat scroll center center;
    content: "";
    float: left;
    width: 35px;
    height: 35px;
    
    right:-50px;
    top:-35px;
    border-radius: 50%;
}
.form-heading #save_form{
    float: left;
    height: 30px;
    width: 83px;
    border-radius: 20px;
    background: #676867;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 20px;
    margin-top:10px;
    letter-spacing: 0.3px;
}


.modal.fade.in .modal-body #create_submission_html{
    float: left;
    height: 30px;
    width: 83px;
    border-radius: 20px;
    background: #676867;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 20px;
    margin-top:10px;
    letter-spacing: 0.3px;
}
.modal.fade.in .modal-footer .btn-default{
    height: 30px;
    width: 83px;
    border-radius: 20px;
    background: #676867;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 20px;
    letter-spacing: 0.3px;
}
.modal-dialog .modal-body ul#duplicate_box_list{
    padding-left: 17px;
}


.supporting-info .supporting-content input[type=button] {
  position: relative;
  vertical-align: top;
  width:135px;
  height: 30px;
  padding: 0;
  font-size: 17px;
  color:#666666;
  background: #fff;
  text-align: center;
  border: 1px solid #b3b3b3;
  border-radius: 50px;
  cursor: pointer;
  letter-spacing: 0.3px;
}
.supporting-info .supporting-content input[type=button]:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#schedule-menu-item1 ul.wma_scd_material_pdfs li input[type=button] {
  position: relative;
  vertical-align: top;
  width:135px;
  height: 30px;
  padding: 0;
  font-size: 17px;
  color:#666666;
  background: #fff;
  text-align: center;
  border: 1px solid #b3b3b3;
  border-radius: 50px;
  cursor: pointer;
  letter-spacing: 0.3px;
}
#schedule-menu-item1 ul.wma_scd_material_pdfs li input[type=button]:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/********************THANK-YOU-PAGE-WORK*********/

._mithnkuddle_section h4 {
    float: left;
    width: 100%;
    height: 65px;
    text-align: center;
    background: #262626;
    color: #fff;
    text-transform: uppercase;
    line-height: 70px;
    font-family: 'Cinzel';
    font-size: 30px;
    text-shadow: 0.1px 0 0px;
    margin: 2px 0 11%;
    word-spacing: 0.9px;
}
._mithnkuddle_section {
    float: left;
    width: 100%;
}
.thanku-inner-txt-cont {
    width: 660px;
    margin: 0 auto;
    display: block;
    border: 1px solid #ccc;
    padding: 10px 20px;
    overflow: hidden;
    margin: 0 auto 11%;

}
.thanku-inner-txt-cont  label {
    float: left;
    width: 55%;
    padding: 0 0 8px;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #707170;
    letter-spacing: 0.3px;
    cursor: auto;
}
.thanku-inner-txt-cont  label > span{
    float: right;
    width: 18%;
}
.thanku-inner-txt-cont span{
    float: left;
    width: 45%;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #707170;
    letter-spacing: 0.3px;
}

/******************Modal-Content-Start-Work***************/

.modal.fade{
    top: -50%;
}

/******************Modal-Content-End-Work***************/


/**************START-WORK(17-AUGUST-2017)*************/

.alert-danger, .alert-error {
    display: inline-block;
    margin: 0 0 30px 30px;
}
.modal.fade.in .modal-body > .btn.btn-default {
    padding: 10px 15px 8px;
    border-radius: 50px;
}
/***********************END-WORK**********************/


/*******************RESPONSIVE-WORK***************/
    


@media (min-width:320px) and (max-width:479px){

.form-heading h2{height: 52px; line-height: 56px; font-size: 14.9px;}
.general-information h3{font-size: 18px; margin: 25px 0 26px;}
.general-information button.save-btn{margin-top: 37px;}
.general-information h4{font-size: 16px; margin: 0 0 20px;}
.general-information ul li{width: 100%; margin: 0 0px 27px 0; }
.project-detail{margin-top: 26px;}
.project-detail ul li:last-child{width: 100%;}
.detail-sub h3 {margin-top: 30px;}
.detail-sub ul li{width: 100%;}
.select-detail label{width: 100%; padding: 12px 0px 0px 10px;}
.select-detail label h4{font-size: 13px;}
.select-detail select.select-detail-value{font-size: 12px; width: 100%; margin: 10px 0px 0 2px; border: 1px solid #ccc; padding: 6px 6px;}
.supporting-info ul li{width: 100% !important;}
.supporting-info h4{text-align: center;}
.supporting-main-catagory{padding: 12px 20px 30px;}
.supporting-main-catagory span, .materials-schedule-sec h3{text-align: center; margin: 10px 0;}
.materials-schedule-menu ul li { float: none; width: 100%; display: inline-block;}
.materials-schedule-menu ul{text-align: center;}
.materials-schedule-menu ul li:last-child, .schedule-menu-item ul li { width: 100% !important;}
.schedule-menu-item ul li {margin: 10px 0;}
.icon-bg::after, .icon-bg-sec2::after{right: 0; left: 0;}
.plus-minimize-content, .plus-minimize-content2{padding: 0 0 0 50px; font-size: 12px;  line-height: 20px;}
.materials-schedule-sec{padding: 20px 0 40px;}
.add-new-detail-inputbox input[type="text"]{width: 100%; margin: 20px 0 0 -34px;}
.add-new-detail-inputbox2 input[type="text"]{width: 100%; margin: 20px 0 0 -30px;}
.span6 {width: 100%; font-size: 13px;}
.subbm-btn input[type="submit"]{width: 190px; height: 38px; font-size: 15px;}
.supporting-info ul li:nth-of-type(3) {margin-right: 0;}
.supporting-info ul li:nth-of-type(4){margin-right: 0;}
.supporting-info ul li:last-of-type .italic-txt {margin: 0 0 0 0px;}
.schedule-menu-item ul li:last-child{/*text-align: left;*/}
.modal-body{padding: 2px;}
.modal-footer{display: none;}
.select-detail label small{text-align: justify;}
.schedule-menu-item ul li:last-child p{float: left;}
.detail-sub ul li:last-of-type select.select-detail-value{height: 126px !important; overflow: scroll;}

/**************THANKU-PAGE***********/

.thanku-inner-txt-cont{width: 100%; padding: 10px;}
.thanku-inner-txt-cont  label{width: 61%; font-size: 13px;}
.thanku-inner-txt-cont label > span {float: none; width: unset;}
.thanku-inner-txt-cont span{width: 39%; font-size: 13px;}
._mithnkuddle_section h4{font-size: 16px;}

/***********ADMIN_PAGE***************/

.project-view .blog .blog_article .entry-content{padding: 20px 12px;}
.project-view .entry-header h3 a{font-size: 22px !important;}
.project-view .ec-general-information h3{font-size: 20px !important;}
.project-view .ec-general-information h4{font-size: 19px !important;}
.project-view .ec-general-information ul li{width: 100% !important; margin-right: 0 !important;}
.project-view .ec-general-information ul li label{width: 100% !important; margin-bottom: 6px;}
.project-view .ec-general-information ul li .ec-val{width: 100% !important;}
.project-view .project-detail ul li{width: 100% !important; margin-right: 0 !important;}
.project-view .detail-sub .ec-val{width: 52% !important; font-size: 14px; margin-left: 10px !important;}
.project-view .supporting-info ul li .supporting-content p{height: auto !important;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) a{width: 100% !important; text-align: center; margin-bottom: 10px; margin-top: 6px;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) p{width: 100% !important; text-align: center; margin-bottom: 20px;}
.project-view .materials-schedule-sec ul li{margin-bottom: 4px !important;}
.project-view .detail-sub ul li:nth-of-type(5) {height: 454px !important;}
.project-view .supporting-main-catagory .supporting-info ul li:last-child{margin-bottom: 0;}
.project-view .detail-sub ul li:nth-of-type(4) {height: 250px !important;}
.project-view .schedule-menu-item ul{border-bottom: 1px solid #ccc !important;  padding: 8px 0 !important;}


/********************FORM_WORK***********/

.page-template-payment-v2 .dropin-page form{
    width: 100%;
}
.page-template-payment-v2 .dropin-page form label span{
    width: 100%;
}
.page-template-payment-v2 .dropin-page form label span:nth-of-type(2){width: inherit;}
.page-template-payment-v2 .dropin-page form input[type="text"]{
    width: 100% !important;
}
.page-template-payment-v2 .dropin-page form label span{width: 100% !important;}
.page-template-payment-v2 .dropin-page form label{float: left !important; width: 100% !important; height: inherit !important;}
.month-section{width: 47% !important;}
.year-section{width: 44% !important;}
.month-section span{left: 100% !important; margin: 0 0 0 8px;}
.page-template-payment-v2 .dropin-page form .error{padding: 0px 0 0 5px !important;}
.page-template-payment-v2 .dropin-page form .error.exp-mth-error{line-height: 20px;}
.page-template-payment-v2 .dropin-page form .error.exp-yr-error{line-height: 20px;}

/*************payment-detail************/

.payment-details .label-amt, .payment-details .amt{
    font-size: 13px;
}

/*Style Declarations For This Width Range */
}

@media (min-width:480px) and (max-width:599px){

.form-heading h2{height: 52px; line-height: 56px; font-size: 16px;}
.general-information h3{font-size: 18px; margin: 25px 0 26px;}
.general-information button.save-btn{margin-top: 37px;}
.general-information h4{font-size: 16px; margin: 0 0 20px;}
.general-information ul li{width: 100%; margin: 0 0px 27px 0; }
.project-detail{margin-top: 26px;}
.project-detail ul li:last-child{width: 100%;}
.detail-sub h3 {margin-top: 30px;}
.detail-sub ul li{width: 100%;}
.select-detail label{width: 100%; padding: 13px 0px 6px 9px;}
.select-detail label h4{font-size: 14px;}
.select-detail select.select-detail-value{font-size: 13px; width: 100%; margin: 10px 0px 0 0px; border: 1px solid #ccc; padding: 6px 6px;}
.supporting-info ul li{width: 100% !important;}
.supporting-info h4{text-align: center;}
.supporting-main-catagory{padding: 20px 20px 40px;}
.supporting-main-catagory span, .materials-schedule-sec h3{text-align: center; margin: 10px 0;}
.materials-schedule-menu ul li { float: none; width: 100%; display: inline-block;}
.materials-schedule-menu ul{text-align: center;}
.materials-schedule-menu ul li:last-child, .schedule-menu-item ul li { width: 100% !important;}
.schedule-menu-item ul li {margin: 10px 0;}
.icon-bg::after, .icon-bg-sec2::after{right: 0; left: 0;}
.plus-minimize-content, .plus-minimize-content2{padding: 0 0 0 50px; font-size: 13px; line-height: 24px;}
.materials-schedule-sec{padding: 20px 0 40px;}
.add-new-detail-inputbox input[type="text"]{width: 100%; margin: 20px 0 0 -34px;}
.add-new-detail-inputbox2 input[type="text"]{width: 100%; margin: 20px 0 0 -30px;}
.span6 {width: 100%; font-size: 13px;}
.subbm-btn input[type="submit"]{width: 200px; height: 40px; font-size: 16px;}
.schedule-menu-item ul li:last-child{/* text-align: left; */}
.supporting-info ul li:nth-of-type(3) {margin-right: 0;}
.supporting-info ul li:nth-of-type(4) {margin-right: 0;}
.supporting-info ul li:last-of-type .italic-txt {margin: 0;}
.detail-sub ul li:last-of-type select.select-detail-value{height: 130px !important; overflow: scroll;}

.schedule-menu-item ul{width: 266px; margin: 0 auto 20px;}
.schedule-menu-item ul li:last-child p{float: left; width: 100%; margin: 8px 0 0;}

/**************THANKU-PAGE***********/

.thanku-inner-txt-cont{width: 100%;}
._mithnkuddle_section h4{font-size: 22px;}

/***********ADMIN_PAGE***************/

.project-view .blog .blog_article .entry-content{padding: 20px 12px;}
.project-view .entry-header h3 a{font-size: 22px !important;}
.project-view .ec-general-information h3{font-size: 20px !important;}
.project-view .ec-general-information h4{font-size: 19px !important;}
.project-view .ec-general-information ul li{width: 100% !important; margin-right: 0 !important;}
.project-view .ec-general-information ul li label{width: 100% !important; margin-bottom: 6px;}
.project-view .ec-general-information ul li .ec-val{width: 100% !important;}
.project-view .project-detail ul li{width: 100% !important; margin-right: 0 !important;}
.project-view .detail-sub .ec-val{width: 51% !important; font-size: 14px;}
.project-view .supporting-info ul li .supporting-content p{height: auto !important;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) a{width: 100% !important; text-align: center; margin-bottom: 10px; margin-top: 6px;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) p{width: 100% !important; text-align: center; margin-bottom: 20px;}
.project-view .materials-schedule-sec ul li{margin-bottom: 4px !important;}
.project-view .detail-sub ul li:nth-of-type(5) {height: 300px !important;}
.project-view .supporting-main-catagory .supporting-info ul li:last-child{margin-bottom: 0;}
.project-view .detail-sub ul li:nth-of-type(4) {height: 200px !important;}
.project-view .schedule-menu-item ul{border-bottom: 1px solid #ccc !important;  padding: 8px 0 !important;}
.materials-schedule-sec .schedule-menu-item > label{width: 85%;}
.btns-grp > label{width: 86%;}

/********************FORM_WORK***********/

.page-template-payment-v2 .dropin-page form{width: 100%;}
.month-section{width: 32% !important; margin: 0 22px 0 0px !important;}
.page-template-payment-v2 .dropin-page form .error.exp-yr-error{right: -2px !important;}
.month-section span{left: 100% !important; margin: 0px 0 0 11px !important; top: 0 !important;}
.page-template-payment-v2 .dropin-page form label span{width: 30% !important;}
.page-template-payment-v2 .dropin-page form input.field{width: 70% !important;}
.year-section{width: 32% !important;}
.page-template-payment-v2 .dropin-page form .error{padding: 0 0 0 12px !important;}

 
/*Style Declarations For This Width Range */
}

@media (min-width:600px) and (max-width:767px){

.form-heading h2{height: 52px; line-height: 56px; font-size: 18px;}
.general-information h3{font-size: 18px; margin: 25px 0 26px;}
.general-information button.save-btn{margin-top: 37px;}
.general-information h4{font-size: 16px; margin: 0 0 20px;}
.general-information ul li{width: 100%; margin: 0 0px 27px 0; }
.project-detail{margin-top: 26px;}
.project-detail ul li:last-child{width: 100%;}
.detail-sub h3 {margin-top: 30px;}
.detail-sub ul li{width: 100%;}
.select-detail label{    width: 44%;}
.select-detail label h4{font-size: 13px;}
.select-detail select.select-detail-value{font-size: 12px; width: 52%;}
.supporting-info ul li{width: 100% !important;}
.supporting-info h4{text-align: center;}
.supporting-main-catagory{padding: 12px 20px 30px;}
.supporting-main-catagory span, .materials-schedule-sec h3{text-align: center; margin: 10px 0;}
.materials-schedule-menu ul li { float: none; width: 100%; display: inline-block;}
.materials-schedule-menu ul{text-align: center;}
.materials-schedule-menu ul li:last-child, .schedule-menu-item ul li { width: 100% !important;}
.schedule-menu-item ul li {margin: 10px 0;}
.icon-bg::after, .icon-bg-sec2::after{right: 0; left: 0;}
.plus-minimize-content, .plus-minimize-content2{padding: 0 0 0 50px; font-size: 12px;  line-height: 20px;}
.materials-schedule-sec{padding: 20px 0 40px;}
.add-new-detail-inputbox input[type="text"]{width: 100%; margin: 20px 0 0 -34px;}
.add-new-detail-inputbox2 input[type="text"]{width: 100%; margin: 20px 0 0 -30px;}
.span6 {width: 100%; font-size: 13px;}  
.subbm-btn input[type="submit"]{width: 200px; height: 40px; font-size: 16px;}
.schedule-menu-item ul li:last-child{/* text-align: left; */}
.supporting-info ul li:nth-of-type(3) {margin-right: 0;}
.supporting-info ul li:nth-of-type(4) {margin-right: 0;}
.supporting-info ul li:last-of-type .italic-txt {margin: 0;}

._mithnkuddle_section h4{font-size: 24px;}
.detail-sub ul li:last-of-type select.select-detail-value{height: 130px !important; width: 100%; border: 1px solid #ccc; padding: 14px 14px; margin-left: 0;}
.detail-sub ul li:last-of-type .select-detail label{width: 100%;}

.schedule-menu-item ul{width: 266px; margin: 0 auto 20px;}
.schedule-menu-item ul li:last-child p{float: left; width: 100%; margin: 8px 0 0;}

/***********ADMIN_PAGE***************/

.project-view .blog .blog_article .entry-content ul li{width: 48.5%; margin-right: 14px !important;}
.project-view .blog .blog_article .entry-content ul li:nth-of-type(2n){margin-right: 0 !important;}
.project-view .ec-general-information ul li label{width: 100% !important;}
.project-view .ec-general-information ul li .ec-val{width: 100% !important; margin-bottom: 6px;}
.project-view .detail-sub ul li{width: 100% !important;}
.project-view .detail-sub .ec-val{width: 52% !important; font-size: 13.6px;}
.project-view .detail-sub ul li:nth-of-type(5) { height: 150px;}
.project-view .supporting-main-catagory .supporting-info ul li{width: 48.46% !important;}
.project-view .materials-schedule-sec ul li{width: 31% !important;}
.project-view .schedule-menu-item ul li{width: 31% !important;}
.project-view .schedule-menu-item ul li:last-of-type{width: 68% !important;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) a{width: 44% !important; text-align: center;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) p{text-align: center;}
.project-view .schedule-menu-item ul{border-top: 1px solid #ccc !important; padding: 15px 0 !important;}
.project-view .supporting-main-catagory{padding-bottom: 0px !important;}
.project-view .supporting-main-catagory .supporting-info ul li:last-child{height: auto !important;}
.materials-schedule-sec .schedule-menu-item > label{width: 88%;}
.btns-grp > label{width: 89%;}

/********************FORM_WORK***********/


.page-template-payment-v2 .dropin-page form .field.card-mm{
    width: 34% !important;
}
.page-template-payment-v2 .dropin-page form .field.card-yy{
    width: 33% !important;
}
.page-template-payment-v2 .dropin-page form .error{padding: 0 0 0 7px !important;}
.month-section span{left: 100% !important; margin: 0px 0 0 8px !important; top: 0 !important;}


/*Style Declarations For This Width Range */
}

@media (min-width:768px) and (max-width:899px){

.general-information ul li{margin: 0 17px 27px 0;}
.select-detail label h4{font-size: 13px;}
.supporting-info ul li{width: 30.6% !important; margin: 0 26px 27px 0;}
.materials-schedule-sec{    padding: 0 25px 0 25px;}
.schedule-menu-item ul li{width: 30% !important; margin: 0 8px 20px 0px;}
.subbm-btn input[type="submit"]{font-size: 18px; width: 225px; height: 42px;}
.supporting-info ul li:nth-of-type(3) {margin-right: 0%;}
.schedule-menu-item ul li:last-child{/*text-align: left;*/}
.supporting-info ul li:last-of-type .italic-txt { margin: 0;}

._mithnkuddle_section h4{font-size: 24px;}
.select-detail select.select-detail-value{width: 66.4%;}
.schedule-menu-item ul li:last-child input#materials_pdf{width: 100%;}
.materials-schedule-sec .schedule-menu-item ul li input[type="text"]{width: 100%; font-size: 14px;}
.schedule-menu-item ul li:nth-of-type(3) {width: 26% !important;}
.schedule-menu-item ul li:nth-of-type(2) {width: 24% !important;}
.schedule-menu-item ul li:last-child{width: 14% !important;}
.schedule-menu-select{font-size: 12.5px;}
.schedule-menu-item ul li:last-child p{padding: 0; float: left; width: 100%; margin: 4px 0 0;}
.detail-sub ul li{width: 100%;}
.select-detail select.select-detail-value{font-size: 11.4px;}
.detail-sub ul li:last-of-type select.select-detail-value{height: 140px !important;}


/***********ADMIN_PAGE***************/

.project-view .blog .blog_article .entry-content ul li{width: 48.5%; margin-right: 14px !important;}
.project-view .blog .blog_article .entry-content ul li:nth-of-type(2n){margin-right: 0 !important;}
.project-view .ec-general-information ul li label{width: 28% !important;}
.project-view .ec-general-information ul li .ec-val{width: 72% !important; margin-bottom: 6px;}
.project-view .detail-sub ul li{width: 100% !important;}
.project-view .detail-sub .ec-val{width: 52% !important; font-size: 15px;}
.project-view .detail-sub ul li:nth-of-type(5) { height: 150px;}
.project-view .supporting-main-catagory .supporting-info ul li{width: 31.6% !important;}
.project-view .materials-schedule-sec ul li{width: 31% !important;}
.project-view .schedule-menu-item ul li{width: 31% !important;}
.project-view .schedule-menu-item ul li:last-of-type{width: 68% !important;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) a{width: 44% !important; text-align: center;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) p{text-align: center;}
.project-view .schedule-menu-item ul{border-top: 1px solid #ccc !important; padding: 15px 0 !important;}
.project-view .supporting-main-catagory{padding-bottom: 0px !important;}
.project-view .supporting-main-catagory .supporting-info ul li:last-child{height: auto !important;}
.project-view .project-detail ul li:last-of-type .ec-val{width: 100% !important;}
.project-view .project-detail ul li .prj-label {width: 45% !important;}
.project-view .project-detail ul li:nth-of-type(1) .ec-val {width: 55% !important;}
.project-view .project-detail ul li:nth-of-type(2) .ec-val {width: 55% !important;}
.materials-schedule-sec .schedule-menu-item > label{width: 90%;}
.btns-grp > label{width: 92%;}

.materials-schedule-sec .fileContainer{font-size: 13px !important; width: 90px; height: 28px; line-height: 12px;}

/********************FORM_WORK***********/

.page-template-payment-v2 .dropin-page form .field.card-mm{
    width: 34% !important;
    margin: 0 14px 0 6px !important;
}
.page-template-payment-v2 .dropin-page form .field.card-yy{
    width: 35% !important;
}
.page-template-payment-v2 .dropin-page form .error{padding: 0 0 0 6px !important;}
.month-section span{left: 100% !important; margin: 0px 0 0 8px !important; top: 0 !important;}
 
/*Style Declarations For This Width Range */
}

@media (min-width:900px) and (max-width:1023px){

.general-information ul li{margin: 0 17px 27px 0;}
.select-detail label h4{font-size: 15px;}
.supporting-info ul li{width: 30.6% !important; margin: 0 26.3px 27px 0;}
.materials-schedule-sec{padding: 0 25px 0 25px;}
.schedule-menu-item ul li{width: 25% !important; margin: 0 0 20px;} 
.subbm-btn input[type="submit"]{font-size: 18px; width: 225px; height: 42px;}
.supporting-info ul li:nth-of-type(3) {margin-right: 0;}
.supporting-info ul li:last-of-type .italic-txt { margin: 0;}
.schedule-menu-item ul li:last-child{text-align: left;}
._mithnkuddle_section h4{font-size: 24px;}
.container{width: 840px;}
.materials-schedule-sec .schedule-menu-item ul li input[type="text"]{width: 100%; font-size: 14px;}
.schedule-menu-select{font-size: 14px;}
.schedule-menu-item ul li:nth-of-type(4) {width: 23.4% !important; text-align: center;}
.materials-schedule-sec .fileContainer {width: 47%; text-align: center; height: 26px; line-height: 11px; font-size: 13px !important;}
.schedule-menu-item ul li:last-child input#materials_pdf{width: 100%;}
.schedule-menu-item ul li:last-child p{width: 53%;}
.select-detail select.select-detail-value{width: 67.4%; font-size: 13.5px;}
.span9{width: 654px;}
.detail-sub ul li{width: 100%;}
.detail-sub ul li:last-of-type select.select-detail-value{height: 140px !important;}

/***********ADMIN_PAGE***************/

.project-view .blog .blog_article .entry-content ul li{width: 48.5%; margin-right: 14px !important;}
.project-view .blog .blog_article .entry-content ul li:nth-of-type(2n){margin-right: 0 !important;}
.project-view .ec-general-information ul li label{width: 28% !important;}
.project-view .ec-general-information ul li .ec-val{width: 72% !important; margin-bottom: 6px;}
.project-view .detail-sub ul li{width: 100% !important;}
.project-view .detail-sub .ec-val{width: 52% !important; font-size: 15px;}
.project-view .detail-sub ul li:nth-of-type(5) { height: 150px;}
.project-view .supporting-main-catagory .supporting-info ul li{width: 31.6% !important;}
.project-view .materials-schedule-sec ul li{width: 31% !important;}
.project-view .schedule-menu-item ul li{width: 31% !important;}
.project-view .schedule-menu-item ul li:last-of-type{width: 68% !important;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) a{width: 44% !important; text-align: center;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) p{text-align: center;}
.project-view .schedule-menu-item ul{border-top: 1px solid #ccc !important; padding: 15px 0 !important;}
.project-view .supporting-main-catagory{padding-bottom: 0px !important;}
.project-view .supporting-main-catagory .supporting-info ul li:last-child{height: auto !important;}
.project-view .project-detail ul li:last-of-type .ec-val{width: 100% !important;}
.project-view .project-detail ul li .prj-label {width: 45% !important;}
.project-view .project-detail ul li:nth-of-type(1) .ec-val {width: 55% !important;}
.project-view .project-detail ul li:nth-of-type(2) .ec-val {width: 55% !important;}
.materials-schedule-sec .schedule-menu-item > label{width: 92%;}
.btns-grp > label{width: 93%;}

/********************FORM_WORK***********/

.page-template-payment-v2 .dropin-page form .error{padding: 0 0 0 6px !important;}
.month-section span{left: 100% !important; margin: 0px 0 0 8px !important; top: 0 !important;}

/*Style Declarations For This Width Range */
}

@media (min-width:1024px) and (max-width:1199px){

.general-information ul li{margin: 0 23.3px 23.3px 0;}
.select-detail label h4{    font-size: 14px;}
.select-detail label{    width: 32%;}
.select-detail select.select-detail-value{width: 65%; font-size: 15px;}
.supporting-info ul li{width: 22.1%; margin: 0px 0 0 15px;}
.schedule-menu-select{font-size: 15px;}
.schedule-menu-item ul li{    width: 24.6%;}
.schedule-menu-item ul li:last-child{margin-top: 10px;  text-align: left;}
/*.supporting-info ul li:first-child { width: 17%;}*/
.supporting-info ul li {width: 21% !important; margin: 0px 0 0 22.2px;}
.supporting-info ul li:nth-of-type(3) {margin-right: 1%;}
.supporting-info ul li:nth-of-type(4) {margin-right: 0%;}
.supporting-info ul li:last-of-type .italic-txt { margin: 0;}
.schedule-menu-item ul li:last-child{margin-top: 0;}
 
._mithnkuddle_section h4{font-size: 24px;}
.materials-schedule-sec .schedule-menu-item ul li input[type="text"]{width: 100%;}
.schedule-menu-item ul li:last-child{width: 30.8%; text-align: center;}
.materials-schedule-sec .fileContainer{width: 32%; font-size: 14px !important; text-align: center;}
.schedule-menu-item ul li:last-child input#materials_pdf{width: 100%;}
.schedule-menu-item ul li:last-child p{width: 68%; padding: 0 0 0 18px;}
.supporting-info ul li:first-child{margin-left: 0; width: 17% !important;}
.supporting-info ul li:last-child{width: 15.9% !important; margin-left: 5px !important;}
.supporting-info ul li:nth-child(2) {width: 16.2% !important; margin-left: 18px;}
.detail-sub ul li{width: 100%;}

/***********ADMIN_PAGE***************/

.project-view .blog .blog_article .entry-content ul li{margin-right: 17px !important; width: 32%;}
.project-view .blog .blog_article .entry-content ul li:nth-of-type(3n){margin-right: 0px !important;}
.project-view .ec-general-information ul li label{width: 100% !important; margin-bottom: 6px;}
.project-view .ec-general-information ul li .ec-val{width: 100% !important;}
.project-view .project-detail ul li .prj-label {width: 100% !important;}
.project-view .project-detail ul li:nth-of-type(1) .ec-val {width: 100% !important;}
.project-view .project-detail ul li:nth-of-type(2) .ec-val {width: 100% !important;}
.project-view .detail-sub ul li{width: 60% !important;}
.project-view .detail-sub .ec-val{width: 65% !important; font-size: 14px !important;}
.project-view .supporting-main-catagory .supporting-info ul li{width: 25% !important;}
.project-view .supporting-main-catagory .supporting-info ul li:last-child{height: auto !important;}
.project-view .materials-schedule-menu ul li{width: 18.29% !important;}
.project-view .schedule-menu-item ul li{width: 19% !important;}
.project-view .schedule-menu-item ul li:last-child{width: 36.6% !important;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) a{width: 44% !important; text-align: center !important;}
.project-view .materials-schedule-sec ul li:nth-of-type(4) p{width: 56% !important; text-align: center !important;}
.project-view .materials-schedule-sec ul{margin-bottom: 15px !important;}
.materials-schedule-sec .schedule-menu-item > label{width: 93%;}

/********************FORM_WORK***********/

.page-template-payment-v2 .dropin-page form .error{padding: 0 0 0 6px !important;}
.month-section span{left: 100% !important; margin: 0px 0 0 7px !important; top: 0 !important;}

/*Style Declarations For This Width Range */
}

@media (min-width:1200px) and (max-width:1400px){
.supporting-info ul li:nth-of-type(3) {margin-right: 3%;}
.supporting-info ul li:nth-of-type(4){margin-right: 4%;}

._mithnkuddle_section h4{font-size: 24px;}

/***********ADMIN_PAGE***************/

.project-view .supporting-info ul li:nth-of-type(4) {margin-right: 3.5% !important;}
.project-view .supporting-info ul li:last-child{height: auto !important;}

/********************FORM_WORK***********/

.page-template-payment-v2 .dropin-page form .error{padding: 0 0 0 6px !important;}
.month-section span{left: 100% !important; margin: 0px 0 0 7px !important; top: 0 !important;}
.page-template-payment-v2 .dropin-page form .error.exp-yr-error{right: -4px !important;}
 
/*Style Declarations For This Width Range */
}



/**************ADMIN_PAGE_WORK_(21-aug-2017)******************/
.project-view .blog_article {
    float: left;
    width: 100%;
}

.project-view .blog_article .entry-header {
    float: left;
    width: 100%;
    padding: 0;
    background: #262626;
}
.project-view .blog .blog_article .entry-header h3{
    font-weight: bold;
    font-size: 17px;
    padding: 0px 0 0 !important;
    margin: 0 0 0;
    text-align: center !important;
    height: 63px;
    line-height: 72px;
    background: #fff;
}
.project-view .blog .blog_article .entry-header h3 a{
    display: inline-block;
    color: #000 !important;
    text-transform: uppercase;
    font-family: 'Cinzel';
    font-size: 30px;
    text-shadow: 0.1px 0 0px;
    margin: 3px 0 0;
    word-spacing: 0.9px;
}
.project-view .ec-general-information{
    float: left;
    width: 100%;
    margin-bottom: 0 !important;
}
.project-view .ec-general-information h3 {
    font-size: 25px;
    color: #202020;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    float: left;
    margin: 50px 0 34px;
    border-bottom: 5px solid #202020;
    padding: 0 0 12px;
}
.project-view .ec-general-information h4 {
    color: #676867;
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin: 0 0 23px;
}
.project-view .ec-general-information ul{
    margin:0;
    padding: 0;
    list-style: none;
}
.project-view .ec-general-information ul li {
    margin-left: 0 !important;
    float: left;
    width: 31.5%;
    margin-right: 29px !important;
    background: #f5f5f5;
    margin-bottom: 29px;
    padding: 20px 14px;
}

.project-view .ec-general-information ul li:nth-of-type(3n){
    margin-right: 0px !important;
}
.project-view .project-detailn ul li:nth-of-type(3){
    margin-right: 0px !important;
}
.project-view .ec-general-information ul li:nth-of-type(3n){
    margin-right: 0px !important;
}
.project-view .ec-general-information ul li label{
    width: 25%;
    float: left;
    font-size: 15px;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #707170;
    letter-spacing: 0.3px;
}
.project-view .ec-general-information ul li .ec-val{
    float: right;
    width: 75%;
    font-family: 'Muli', sans-serif;
    font-size: 14px !important;
    font-weight: 600;
    color: #707170;
    letter-spacing: 0.3px;
}

.project-view .project-detail ul li:last-of-type {
    padding-right: 0;
    width: 100% !important;
}
.project-view .project-detail ul li:last-of-type label {
    width: 45%;
}
.project-view .project-detail ul li:last-of-type .ec-val {
    width: 100%;
    margin: 8px 0 0;
}
.project-view .ec-general-information ul li .ec-val p{
    font-family: 'Muli', sans-serif;
    font-size: 14px !important;
    font-weight: 600;
    color: #707170;
    text-align: justify;
    padding: 0 12px 0px 0px;
}
.project-view .purpose-section .ec-val{
    width: 100%;
    float: left;
    height: auto;
    background: #f5f5f5;
    padding: 14px;
    text-align: justify;
}
.project-view .detail-sub {
    float: left;
    width: 100%;
}
.project-view .detail-sub .ec-val {
    float: left;
    width: 66%;
    height: 30px;
    margin: 14px 0 0 15px;
}
.project-view .detail-sub .ec-val:empty{
    display: none;
}
.project-view .supporting-main-catagory .ec-val{
    float: none;
    width: 134px;
    height: 29px;
    background: #fff;
    border: 1px solid #b2b3b2;
    border-radius: 25px;
    display: inline-block;
    line-height: 27px;
    
}
.project-view .supporting-main-catagory .ec-val a{
    color: #676867;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    font-weight: 600;
}
.project-view .supporting-info ul li .supporting-content p{
    width: 100%;
    float: left;
    margin:0;
    height: 50px;
}
.project-view .materials-schedule-sec ul{
    margin:0;
    padding: 0;
    list-style: none;
    border:none;
    float: left;
    width: 100%;
}
.project-view .materials-schedule-sec ul li{
    float: left;
    margin-left: 0px;
    margin-bottom: 10px;
}
.project-view .materials-schedule-sec ul li:nth-of-type(4) a{
    float: left;
    width: 50%;
}
.project-view .materials-schedule-sec ul li:nth-of-type(4) p{
    float: left;
    width: 50%;
}
.project-view .supporting-info ul li:nth-of-type(4) .italic-txt {
    padding: 4px 0 0px;
}
.project-view .additional-information h4 {
    color: #676867;
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin: 0 0 23px;
}
.project-view .additional-information .ec-val{
    width: 100%;
    float: left;
    height: auto;
    background: #f5f5f5;
    padding: 14px;
    text-align: justify;
}

.project-view .detail-sub ul li:nth-of-type(4){
    height: 114px;
}
.project-view .detail-sub ul li:nth-of-type(5){
    height: 250px;
}
.project-view .detail-sub ul li:nth-of-type(4) .ec-val p{
    margin-bottom: 0;
    line-height: 23px;
}
.project-view .detail-sub ul li:nth-of-type(5) .ec-val p{
    margin-bottom: 0;
    line-height: 23px;
}
.project-view .project-detail ul li .prj-label{
    width: 42%;
}
.project-view .project-detail ul li:nth-of-type(1) .ec-val{
    width: 58%;
}
.project-view .project-detail ul li:nth-of-type(2) .ec-val{
    width: 58%;
}
.project-view .supporting-info ul li:last-child{
    height: auto !important;
}
.project-view .supporting-info ul li:nth-of-type(4){
    height: auto !important;
}
.un-authorized{margin-top: 40px;}



/******************FORM-WORK_(31-august-2017)*****************/

.page-template-payment-v2 .dropin-page form .field.card-mm{
    float: left;
    width: 100%;
    padding: 5px 10px;
}
.page-template-payment-v2 .dropin-page form .field.card-yy{
    float: left;
    width: 100%;
    padding: 5px 10px;
}
.page-template-payment-v2 .dropin-page form input.field{
    float: right;
    width: 72%;
    padding: 5px 10px;
}
.page-template-payment-v2 .dropin-page form .error{
    width: 73%;
    float: right;
    padding: 0 0 0 7px;
}
.page-template-payment-v2 .dropin-page form label span {
    float: left;
    width: 28%;
}
.page-template-payment-v2 .dropin-page form label span:nth-of-type(2){width: 2%;}
.page-template-payment-v2 .dropin-page form .error.exp-mth-error {
    float: left;
    width: 100% !important;
    padding: 0 !important;
    font-size: 12px;
}

.month-section {
    float: left;
    width: 35%;
    margin: 0 19px 0 0px;
    position: relative;
}
.year-section {
    float: left;
    width: 33%;
}
.page-template-payment-v2 .dropin-page form .error.exp-yr-error {
    float: right;
    width: 100% !important;
    padding: 0 !important;
    right: -21px;
}
.month-section span{
    left: 100%;
    margin: 0px 0 0 8px;
    top: 0 !important;
    width: 1% !important;
    position: absolute;
}
.month-section .card-mm {
    padding: 5px 10px;
    height: 48px;
    width: 100% !important;
}
.year-section .card-yy{
    padding: 5px 10px;
    height: 48px;
    width: 100% !important;
}
.select-detail small {
    float: right;
    margin: 20px 0 0;
    padding: 0 10px 0 0;
}

.payment-details {
    float: left;
    width: 100%;
}
.entry-content .dropin-page button{
	line-height: 36px;
}
.payment-details strong{
    font-size: 18px;
}
.payment-details .pd-row {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.payment-details .label-amt{
    float: left;
}
.payment-details .amt{
    float: right;
}

.purpose-section .error {
    float: left;
    width: 100%;
}

/********* WMA form design style ====== end **********/