/*1. @media screen and (min-width:0\0)
- IE

2. @media screen and (-webkit-min-device-pixel-ratio:0)
- Chrome/Safari

3. @media screen and (min-width: 1780px) and (max-width: 1980px)
- Larger Screens

4. @media screen and (min-width: 1500px) and (max-width: 1600px)
- Larger Screens

5. @media screen and (max-width : 1280px)
- Macbook and other devices

6. @media screen and (max-width : 1024px)
- iPad devices Landscape

7. @media screen and (max-width : 991px)
- Tabs and Tablets Landscape

8. @media screen and (max-width : 800px)
- iPad Potrait and other devices

9. @media screen and (max-width : 767px)
- iPhone 6Plus/Nexus 6 Landscape

10. @media screen and (max-width : 680px)
- iPhone 6 Landscape

11. @media screen and (max-width : 580px)
- iPhone 5 Landscape

12. @media screen and (max-width : 480px)
- iPhone 4 Landscape and iPhone 6/6Plus Potrait

13. @media screen and (max-width : 420px)
- iPhone 6/6Plus Potrait/Nexus 5/Samsung Galaxy Potrait

*/
@media screen and (max-width: 3000px){
	.cstn-container{
		width: 100%;
	}
	.service-head h3 {
		font-size: 24px;
	}
}
@media screen and (max-width: 1280px){
	.cstn-container{
		width: 100%;
	}
	.service-head h3 {
		font-size: 24px;   
	} 
}
@media screen and (max-width: 800px){
	ul.nav.navbar-nav {
		padding-left: 100px;
	}
	.slider-content h2{
		font-size: 18px;
	}
	.slider-content {
		padding: 19px;
	}
	.date-class { 
		padding: 10px 20px;
	}
	.slider-content p {
		font-size: 13px;
	}
}
@media screen and (max-width: 1024px){
	.navbar-nav>li {

		margin-left: 10px;
	}
	/* Dshobard resposve */
	.map-head span {
		font-size: 12px;
		color: #aaaaaa;
	}
	.icon-listing .cstm-icon {
		padding-left: 16px;
		padding-right: 36px;
	}
	.service-head h3 {
		font-size: 18px;
	}
	.dashboard-head {
		padding: 20px 0;
	}

	.dashboard-section {
		background: #ebeff4;
		padding: 0px 0;
	}
	.pie-chart-img {
		padding-top: 100px;
	}

	/*  */

	.setting-wrapper{
		width: 100%;
	}
	.navbar-nav>li>a{
		font-size: 14px;
		padding: 10px 11px;
	}
	.owl-nav{
		display: none;
	}
	.checkbox input[type="checkbox"] + label{
		font-size: 13px;
	}
	.head-item .head-listing li {

		padding-right: 5px;
	}
	.about-section1-img {
		text-align: center;
		margin-bottom: 30px;
	}
	.mission-content {
		padding-left: 0;
		margin-bottom: 30px;
	}
	.about-section1-content {
		padding-right: 0;
	}
	.team-listing h2 {
		font-size: 19px;
	}
	.slider-content p {
		font-size: 13px;
	}
	.page-head h2{
		margin-bottom: 20px;
	}
	.db-content p {
		font-size: 13px;
	}
	.edit-profile-form{
		width: 100%;
	}
	.btn-class .cncl-btn{
		padding: 5px 36px;
	}
	.profile-select{
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
	}
	.profile-select .edit-class{
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
		display: flex;
		bottom: 12%;		
		left: 50%;
		transform: translate(-50%, 0);
	}

@media screen and (min-height: 720px){
	.profile-select .edit-class{
		bottom: 5%;
	}
}
@media screen and (min-height: 600px){
	.profile-select .edit-class{
		bottom: 8%;
	}
}
@media screen and (max-height: 480px){
	.profile-select .edit-class{
		bottom: 15%;
	}
}

.profileInnerWrapper {
    max-height: 100%!important;
    width: auto; 
    display: block;
}
.profileInnerWrapper img {
    max-height: 100%!important;
    width: auto; 
}


	.divTableCell, .divTableHead {
		padding: 20px 28px 20px 2px ;
	}
	.table-listing-wrapper {
		width: 100%;
	}
	.divTableCell span{
		padding-right: 5px;
		font-size: 13px;

	}
	.divTableRow .no-border{
		font-size: 12px;
	}

}
@media screen and (max-width: 991px){
	.navbar-nav>li {
		margin-left: 9px;
	}
	.profile-head-section {
		padding-top: 20px;
	}
	.table-wrapper {
		background: #ffffff;
		max-width: 100%;
		min-height: 204px;
		padding: 10px 9px;
	}
	.navbar-nav>li>a {
		font-size: 13px;
	}
	.navbar-nav {   
		padding-top: 45px;
	}
	ul.nav.navbar-nav {
		padding-left: 0;
	}
	.nav>li>a {
		padding: 5px 5px;
	}
	.navbar-nav .btn-styling{
		margin-left: 20px;
	}
	.about-us-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.tabing-section .tab-pane {
		width: 100%;
	}
	.setting-nav-tab .chng-pass {
		padding-bottom: 11px;
		padding-left: 0;
	}
	ul.head-listing {
		padding-top: 13px;
	}
	.head-item .head-listing li {
		padding-top: 10px;
		display: block;
	}
	.head-item {
		text-align: left;
	}
	.dashboard-heading h2{
		margin-bottom: 0;
	}
}

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

	/* Dashobard responsive css  */

	.divTableCell.mobile-hide {
		display: none;
	}
	.dt.mobile-hide {
		display: none;
	}
	.icon-listing {
		margin-bottom: 20px;
	}
	.map-content .dropdown-menu {
		right: 0;
		left: initial;
	}
	.head-item .head-listing li {
		display: block;
		text-align: left;
		padding: 6px 0;
	}
	.profile-head-section {
		padding-top: 0;
	}
	.login-form h2{
		font-size: 20px;
	}
	.icon-listing{
		float: none !important;
	}
	.expert-info-wrapper {
		padding-top: 0;
	}
	.faq-section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.faq-box {
		padding-top: 17px;
	}
	.news-head h2{
		margin-bottom: 30px;
		font-size: 24px;
	}
	.slider-section {

		padding-top: 40px;
		padding-bottom: 40px;
	}
	.expertise-section {
		padding: 40px 0;
	}
	.join-section {
		padding: 40px 0 40px 0;
	}
	.data-img {
		padding-top: 34px;
	}
	.table-wrapper {
		margin-top: 25px;
	}
	.service-head h3{
		margin-bottom: 10px;
	}
	.service-head .main-class {
		font-size: 12px;
		padding-left: 39px;
	}
	.service-head .main-class::before {
		width: 14px;
		height: 12px;
		top: 6px;
		left: 1px;
	}
	.faq-desc p{
		font-size: 13px;
	}
	.faq-head h3 {
		font-size: 14px;
	}
	.checkbox input[type="checkbox"] + label {
		font-size: 14px;
	}
	.service-head h2 {
		font-size: 14px;
		margin-bottom: 0px;
	}

	.icon-listing .drive-img {
		padding-left: 0;
	}
	ul.exp-list {
		padding-top: 11px;
		margin-left: -12px;
	}
	.icon-listing .cstm-icon::before{
		top: 5px;
	}

	.navbar-nav>li {
		float: none;
		margin: 0;
		padding: 1px;
		width: 100%;
		text-align: center;
	}
	ul.nav.navbar-nav {
		padding-left: 0;
	}
	.about-sg-section{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent;
		position: absolute;
		z-index: 99;
		width: 100%;
		background: #fff;
		overflow: hidden;
		top: 100%;
	}
	.navbar-default .navbar-nav>li>a {
		color: #515151;
		letter-spacing: 0.025em;
		cursor: pointer;
	}
	.navbar-nav {
		float: none;
		padding-top: 0;
	}
	.navbar-toggle {
		position: absolute;
		margin-top: 16px;   
	}
	.banner-content h2 {
		font-size: 25px;
		margin-bottom: 15px; 
	}
	.banner-content p {
		font-size: 13px;
	}
	.plantation-head h2{
		font-size: 15px;
	}
	.expert-head h2{
		font-size: 25px;
	}
	.web-content-wrapper h4 {
		font-size: 20px;
	}
	.tab-pane{
		width: 100%;
	}
	.nav-tabs>li {
		width: 100%;
	}
	.align-class1 {
		margin-bottom: 30px;
	}
	.company-list {
		margin-bottom: 20px;
	}
	.about-listing li:first-child{
		margin-bottom: 8px;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}

	.slider-content {
		padding: 15px;
	}
	.slider-content h2 {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.slider-content p {
		font-size: 13px;
	}
	.navbar-nav li:nth-child(7){
		margin-left: 0;
	}
	.form-align{
		float: none;
	}
	.about-section-2 p {
		margin-bottom: 30px;
	}
	.about-us-wrapper h2{
		font-size: 23px;
	}
	.about-us-wrapper p {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.about-section-1 p {
		font-size: 13px;
	}
	.about-section-2 p{
		font-size: 13px;
	}
	.navbar-nav {
		padding-top: 0;
	}
	.form-section {
		margin-bottom: 25px;
	}
	.page-head h2{
		font-size: 20px;
	}
	.content-section p {
		font-size: 13px;
	}
	.terms-listing li{
		font-size: 13px;
	}
	.content-section h3 {
		font-size: 17px;
	}
	.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{
		font-size: 13px;
	}
	.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
		font-size: 13px;
		padding-bottom: 16px;
	}
	.terms-conditon-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.form-section .back-class:before{
		left: 21%;
	}
	.footer-form {
		padding: 0;
	}
	.about-listing li:last-child {
		margin-bottom: 20px;
	}
	.social-icon {
		margin-bottom: 20px;
	}
	.footer-section {
		padding: 20px 0;
	}
	.box-listing li {
		width: 100%;
	}

	.footer-section-1 .footer-contents {
		margin-bottom: 15px;
	}
	.plantation-head h2 {

		padding: 22px 10px 20px 3px;
		line-height: 27px;
	}
	.plantation-head span {
		padding-top: 23px;
	}
	.table-listing-wrapper {
		padding: 15px;
	}
	.table-section {
		padding-top: 0;
	}
	.profile-head-section {
		padding-top: 25px;
	}
	.response-section {
		margin-bottom: 31px;
	}
	.profilePic {
		margin-bottom: 22px;
	}
	.plant-section li {
		padding-right: 20px;
		padding-left: 20px;
	}
	.plant-section .left-padding{
		padding-left: 20px;
	}
	ul.nav.nav-tabs.setting-nav-tab a{
		padding-top: 20px;
	}
	.btn-class .save-btn{
		padding: 5px 35px;
	}
	/* Dshboard  */
	.dashboard-section {
		padding: 0px 0;
	}
	/*  */
	.btm-mrgn {
		margin-bottom: 20px;
	}
	.pie-chart-wrapper {
		height: auto;
	}

}

@media screen and (max-width: 580px){   
	.service-head h2 {
		font-size: 13px;
		margin-bottom: 0px;
	}    
}


@media screen and (max-width: 480px){
	.btn-class .cncl-btn {
		padding: 5px 17px;
	}
	.divTableCell.phone-hide {
		display: none;
	}

	.dt.phone-hide {
		display: none;
	}

	.plant-section li {
		padding-right: 20px;
		padding-left: 20px;
	}
	.plant-section .left-padding{
		padding-left: 20px;
	}
	.service-btns li {
		padding: 14px 0;
		font-size: 12px;
		color: #6a6a6a;
	}
	.service-btns .green-btn{
		padding: 5px;
		font-size: 10px;
	}
	.service-btns .red-btn{
		padding: 5px;
		font-size: 10px;
	}
	.edit-profile-form {
		padding: 20px;
	}
	ul.nav.nav-tabs.setting-nav-tab a{
		font-size: 12px;
	}

	.service-head h2 {
		font-size: 11px;
		margin-bottom: 0px;
	}    

	.service-head h3{
		font-size: 11px;
	}
	.service-head p{
		font-size: 11px;
	}
	.modal.in .custom-modal {
		transform: translateY(20%);
	}
	.head-item .head-listing li {   
		display: block;
		text-align: left;
	}
	.head-item .head-listing li {
		display: block;
		text-align: left;
	}

	.left-padding {
		padding-left: 0;
	}
	.inline-btn .dash1-btn {
		margin-bottom: 12px;
	}
}
@media screen and (max-width: 320px){

	.profile-head-section .red-btn {
		float: left !important;
	}
	.profile-head {
		margin-bottom: 10px;
	}
	.mail-listing {
		padding-top: 45px;
	}

	.service-head h3 {
		margin-bottom: 10px;
	}
	.icon-listing .cstm-icon{
		padding-top: 10px;
	}
}

.login-form-wrapper{
	position: fixed;
	top: 50%;
	left: 50%;
	max-width: 452px;
	min-width: 220px;
	transform: translate(-50%, -55%);
}
.login-form-wrapper .login-form .login-title {
	margin-bottom: 10px;
	padding: 10px;
}
.login-form-wrapper .login-form .login-title img {
	margin-bottom: 10px;
	height: 56px;
}
.login-form-wrapper .login-form .login-title >.center {
	text-align: center; 
	font-size: 18px; 
	font-weight: bold; 
	padding: 5px;
}
.login-form-wrapper .login-form .login-title >.center2 {
	text-align: center; 
	font-size: 14px; 
	padding: 5px;
}

@media screen and (min-width: 769px){
	.login-form-wrapper{
		width: 452px;
	}
}
@media screen and (max-width: 768px){
	.login-form-wrapper{
		width: 420px;
	}
}
@media screen and (max-width: 420px){
	.login-form-wrapper{
		width: 100%;
		height: 100%;
		transform: translate(-50%, -50%);
	}
}
@media screen and (max-width: 360px){
	.login-form-wrapper{
		width: 100%;
		height: 100%;
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-height: 600px){
	.login-form-wrapper{
		width: 100%;
		height: 100%;
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-height: 480px){
	.login-form-wrapper{
		padding-top: 10px;
		transform: translate(-50%, -50%);
	}
	.login-form-wrapper .login-form .login-title img {
		margin-bottom: 3px;
	}
	.login-form-wrapper .login-form .form-section p.for-pass {
		margin-bottom: 15px;
	}    
}
@media screen and (max-height: 420px){
	.login-form-wrapper{
		padding-top: 10px;
		transform: translate(-50%, -50%);
	}
	.login-form-wrapper .login-form .login-title {
		padding-bottom: 0px;
	}    
	.login-form-wrapper .login-form .login-title img {
		margin-bottom: 3px;
		height: 52px;
	}
	.login-form-wrapper .login-form .form-section >form > button,
	.login-form-wrapper .login-form .form-section >form > .form-group {
		margin-bottom: 3px;
	}    

	.login-form-wrapper .login-form .form-section p.for-pass {
		margin-bottom: 10px;
	}    
}