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

/*=========BUTTONS STYLE TAGS START===========*/
.btn_bule{
	font-size:13px;
	margin-right:20px;
	}
/*=========BUTTONS STYLE TAGS END===========*/

/*=========HEADER STYLE TAGS START===========*/
.search_con{
	width: 39%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
.add_icon{
	margin-right: 10px;
	width: 38px;
	text-align: center;
	line-height: 38px;
	height: 38px;
}
.add_icon img{
	width:100%;
	height:100%}
.add_icon a{
	/*width: 36px;
	text-align: center;
	line-height: 36px;
	height: 36px;*/}
.edite_icon{
	width: 38px;
	text-align: center;
	line-height: 38px;
	height: 38px;
}
.edite_icon img{
	width:100%;
	height:100%}
.edite_icon a{
	/*width: 36px;
	text-align: center;
	line-height: 36px;
	height: 36px;*/}
.login_con{
	height: auto;
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.dwon_arrow{
	padding-right:15px;}
.user_con{
	float:right;
	width:auto;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 20px;}
.nav_mrn{
	margin:0px 10px 0px 0px !important;}
.mike_icon{
	/* [disabled]float:left; */
	width: 28px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*=========HEADER STYLE TAGS end===========*/

/*=========INNER PAGE BODY DESIGN STYLE TAGS START===========*/

/*=========RAM PAGE DESIGN STYLE TAGS START===========*/
.tab_mrn{
	margin-bottom:20px !important;}
.page_tag{
	float: left;
	width: 100%;
	font-size: 20px;
	padding: 5px 10px 5px 10px;
	margin: 15px 0px 0px 0px;
}
.print_icon{
	outline:0px;
	float:right;
	width:24px;
	height:auto;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.print_icon img{
	width:100%;
	vertical-align: top;
	padding:0px;
	margin:0px;}
.print_icon a{
	outline:0px;}
.print_icon a:hover{
	outline:0px;}
.table_con{
	clear:both;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.table_con table{}
.table_con table thead > tr > th{
	font-size:13px;}
.thbg table thead > tr > th{
	color:#000;
	font-size:13px;}


.td_blue{
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	}
.td_blue1{
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	}
.td_gold{
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	}
.td_green{
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	} 
.td_pink{
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	}
.td_deployment{
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	}
.icon_row{
	float:left;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;}
.icon_teaser{
	float:left;
	width:22%;
	padding:10px 5px 10px 5px;
	margin:0px 4% 0px 0px;}
.icon_teaser1{
	float:right;
	width:22%;
	padding:15px 5px 15px 5px;
	margin:0px 0px 0px 0px;}
.icon_rhs{
	float:left;
	width:50%;
	font-size:16px;
	line-height:15px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.icon_test{
	/* [disabled]color:#000; */
	line-height: 14px;
	font-weight: 500;
	font-size: 12px;
}
.icon_align{
	float:left;
	width:40%;
	text-align:right;
	font-size:14px;
	margin-right:5%;}
.icon_align img{
	width:25px;
	height:auto;}
/*=========RAM PAGE DESIGN STYLE TAGS END===========*/

/*=========TABS STYLE DESIGN STYLE TAGS START===========*/
.tab_lhs{
	float:left;
	height:auto;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 0px;}
.tab_rhs{
	float:right;
	height:auto;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
/*=========TABS STYLE DESIGN STYLE TAGS END===========*/

/*=========INNER PAGE BODY DESIGN STYLE TAGS END===========*/

/*=========BUDGET PAGE DESIGN STYLE TAGS START===========*/
.data_con{
	float: left;
	width: 100%;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}
.date_con{
	float: left;
	width: 100%;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.date_col{
	float: left;
	width: 48%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.date_col1{
	float: right;
	width: 48%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.date_con .form-control{
	width:100% !important;
	font-size:14px !important;}
.date_con .form-group{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.regular_link{
	float: right;
	font-size: 14px;
	line-height: 30px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.regular_link1{
	float: right;
	font-size: 14px;
	line-height: 30px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.regular_link2{
	float: right;
	font-size: 14px;
	line-height: 30px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.regular_link3{
	float:right;
	font-size:14px;
	line-height:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.vesion_con{
	float: left;
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}
.version{
	float:left;
	width:70px;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;}
.version .form-control{
	color:#000;
	line-height:10px !important;
	font-size:16px;
	padding:0px 5px 0px 5px;}
.teaser_row{
	float:left;
	width:100%;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
.budget_box{
	float: left;
	width: 32%;
	padding:8px 15px 8px 15px;
	margin:0px 2% 0px 0px;
	border: 1px solid #e0e0e0;
	background-color: #eff4f7;
}
.budget_box1{
	float: right;
	width: 32%;
	padding:8px 15px 8px 15px;
	margin:0px 0px 0px 0px;
}
.teaser_lhs{
	float:left;
	width:70%;
	}
.regular_text{
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.regular_text1{
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.teaser_rhs{
	outline:0px;
	float:right;
	height:40;
	width:40px;
	line-height:40px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.teaser_rhs1{
	outline:0px;
	float:right;
	height:40;
	width:40px;
	line-height:40px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.teaser_rhs img{
	width:50%;
	height:auto;
	text-align:center;}
.teaser_rhs a{
	outline:0px;
	float:left;
	height:40;
	width:40px;
	text-align:center;
	line-height:40px;}
.teaser_total{
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
/*---------DATE ABLE TSTYLE TAGS START-------------*/
	
.date_table{
	float: left;
	width: 100%;
	height: 510px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
.date_table table thead > tr > th{
	color:#000;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;}
.date_table .regular th{
	font-size:13px !important;}
	
.lb_select .select2-container .select2-choice{
	height:30px;
	line-height:30px;
	}
.date_table .form-control{
	border:none;
	box-shadow:none;}
/*=========BUDGET PAGE DESIGN STYLE TAGS END===========*/

/*=========CONFIGURATION PAGE DESIGN STYLE TAGS START===========*/
.configuration_table{
	float:left;
	width:100%;
	overflow:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.configuration_table table th{
	font-size:14px !important;}
.lhs_table{
	float:left;
	width:50%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.rhs_table{
	float:left;
	width:50%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.edite_link{
	text-align:right;
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 23px 0px 0px;}
.link1{
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;}
.add_icon2{
	outline: 0px;
	float: right;
	width:40px;
	height:30px;
	margin:0px 10px 0px 0px;
}
.add_icon2 img{
	padding:0px;
	margin:0px;
	vertical-align: middle;}
.add_icon2 a{
	width:38px;
	height:28px;
	outline:0px;
	float: left;	
	margin:0px 0px 0px 0px;}
	
.logo_con{
	width:20%;
	outline:0px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;}
.logo_con a{
	float:left;
	width:100%;
	padding:15px 0px 15px 15px;}
.rhs_con{
	float:left;
	width:80%;
	padding:0px 0px 0px 15px;
	margin:20px 0px 0px 0px;}
.add_img {
    float: right;
    height: 34px;
    margin: 0 20px 0 0px;
    outline: 0 none;
    padding: 0;
    width: 36px;
}
.add_img img{
	height:100%;
	width:100%;}
/*=========CONFIGURATION PAGE DESIGN STYLE TAGS END===========*/


/*========BODY TEASER DESIGN STYLE TAGS START=========*/
.user_row{
	float:left;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
.user_teaser{
	float:left;
	width:144px;
	padding:0px 0px 0px 0px;
	margin:0px 10px 20px 10px;}
.user_teaser .user_teaser_hover a{
	text-decoration:none;}
.user_teaser .user_teaser_hover a:hover{
	text-decoration:none;}
.user_teaser:hover .user_teaser_hover{
	padding:15px;
}
.user_name1{
	font-size:14px;
	}
.user_footer{
	float:left;
	position:relative;
	width:100%;
	padding:8px;}
.user_name{
	font-size:14px;}
.projects{
	font-size:12px;
	}
.projects1{
	font-size: 14px;
	padding-bottom: 15px;
	}
.business{
	font-size: 12px;
	padding-bottom: 20px;
	}
/*========BODY TEASER DESIGN STYLE TAGS END=========*/

/*----========MASONRY STYLE TAGS START==========----*/
.project_container .main-content {
    padding-top: 0px;
	padding-left:0px;
}
.masonry_con .js-masonry .item {		 
	width: 31%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	/*border:solid 1px #000000;*/
	margin-bottom:30px;
	}
/*----========MASONRY STYLE TAGS START==========----*/

/*----========CALENDAR STYLE TAGS SART==========----*/
.calendar_left{
	float:left;
	width:auto;
	margin:20px 0px 0px 30px;}
.calendar_right{
	float:right;
	width:auto;
	margin:0px 0px 0px 30px;}
.calendar_col{
	float: right;
	width:200PX;
	margin:0px 0px 0px 30px;}
.calendar_col1{
	float: right;
	width:200px;
	margin:0px 0px 0px 0px;}
.calendar_col .form-group{
	margin-bottom:0px !important;}
/*----========CALENDAR STYLE TAGS END==========----*/
	}