body {
	overflow-x: hidden;
}
.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.row > .sidebar-direction {
	flex-direction: row;
}
 body::-webkit-scrollbar {
 width: 0.5em;
}
 #sidebar-wrapper::-webkit-scrollbar {
 width: 0.3em;
}
#page-content-wrapper {
	width: 100%;
	position: absolute;
	padding: 0px;
}
body::-webkit-scrollbar-track, #sidebar-wrapper::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
 body::-webkit-scrollbar-thumb, #sidebar-wrapper::-webkit-scrollbar-thumb {
 background-color: #3FAAD9;
 outline: 1px solid slategrey;
}
#logo {
	width: 140px;
	margin-top: 20px;
}
#img1 {
	width: 175px;
	margin-top: 36px;
}
img {
	widows: 100%;
	height: auto;
}
.bg-color {
	background-color: #dcedf0;
}
#sidebar {
	padding: 0px 0px;
	margin-bottom:20px;
}
.col1 {
	padding-left: 0px;
	padding-right: 30px;
	margin-bottom: 20px;
}
#left-side {
	margin-left: 140px;
}
.main-title {
	
	color: #5c818a; }
.social {
	margin : 30px 0px 0px 0px;
}

h1, h2 {
	font-family: "The Heart Maze Demo";
	font-style: normal;
	font-size: 25px;
	font-weight:700;
}
h3, h4 {
	color:#545454;
	font-family: roboto;
	font-size: 20px;
	font-variant: normal;
}
.p1 p {
	
	color: #5c818a;
}

p {
	color:#545454;
	 font-family: sans-serif;;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
}
#col2 {
	padding-top: 20px;
	
}

li {
	    font-family: sans-serif;
	list-style: none;
	font-style: normal;
	font-variant: normal;
	color: #48848e;
	padding-left: 30px;
	font-size: 14px;
}

#col1 p {
	
	padding-bottom: 14px;
}
.header-color {
	color: #545454;
}
.p1 {
	padding-bottom: 16px;
}
.col-4 {
	padding-right: 0px;
}

@media screen and (min-width: 50px) {
 width: 100%;
}

@media screen and (max-width: 100px) {
.col-md-4 {
	width: 100%;
}
}

@media screen and (max-width: 1180px) {
.col-col-4 {
	width: 100%;
}
}

@media screen and (max-width: 991px) {
#left-side {
	margin-left: 0px;
}
#col1 {
	padding-left: 10px;
}
#sidebar {
	padding: 20px 0px 50px 0px;
}
.title {
	width: 100%;
}
.title1 {
	width: 285px;
}
.title2 {
	width: 100%;
}
.title3 {
	width: 100%;
}
.color p {
	width: 100%;
}
#logo {
	margin-left: 50px;
}
}



@media screen and (min-width: 1200px) {
.col-lg-7.col-7 {
	width: 56.333333%;
}
.col1 {
	padding-left: 140px;
}

#sidebar {
    padding: 20px 25px;
}

.address { margin-top:75px;}

.main-title {margin-top:60px;}
.p1 {margin-bottom:35px;}
}

@media screen and (min-width: 158px) {
.title2 {
	width: 185%;
}
}

@media screen and (min-width: 158px) {
.title {
	width: 175%;
}
}

@media screen and (min-width: 1200px) {
.col-lg-4 {
    width: 33%;
}
}