@media screen and (max-width: 1024px) {
    #main-menu
    {
        margin-right:0px;
    }
    #main-menu ul:after {
        display:none;
    }
    .my-info {
        margin-right:0px;
        margin-left:0px;
    }
    footer {
        right:0px;
        left:0px;
        position:relative;
        width:100%;
        border-left:none;
        display:inline-block;
        height:auto;
        margin-bottom:-5px;
        padding-bottom:5px;
    }
    footer:before,footer:after {
        display:none;
    }
    .social-icons {
        margin-right:30px;
    }
    .logo {
        width:225px;
        height:225px;
    }
    .logo img {
        margin-left:0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .page-title {
        margin-bottom:35px;
        padding-left:0px;
        background-color:#3f3f3f;
        margin-right:-30px;
        margin-left:-30px;
    }
    .img-grid li {
        width:25%;
    }
    html, body {
        overflow-y:auto;
    }
    .page {
        padding-bottom:30px;
    }
    .page-title h2{
        position:inherit;
        padding-left:240px;
    }
    .page-title h2:after {
        display:none;
    }
    .loading-animation.load-animate {
        visibility:hidden;
        display:none;
    }
}

@media screen and (max-width: 800px) {
    .page-left,.page-right {
        width:100%;
        float:none;
    }
    .page-left-content {
        padding-right:0px;
        padding-bottom:30px;
    }
    .page-right-content {
        padding-left:0px;
    }
    .logo {
        width:140px;
        height:140px;
        margin-top:6px;
        margin-left:5px;
    }
    .logo img {
        margin-left:0px;
    }
    .my-info {
        margin-left:0px;
    }
    .img-grid li {
        width:33.333333%;
    }
    .my-card h1 {
        font-size:36px;
    }
    h1 {
        font-size:30px;
    }
    .page-title h2, h2 {
        font-size:26px;
    }
    h3 {
        font-size:22px;
    }
    h4 {
        font-size:18px;
    }
    h5 {
        font-size:16px;
    }
    h6 {
        font-size:14px;
    }
    .page-title {
        padding-left:0px;
        margin-left:-30px;
        margin-bottom:30px;
    }
    .page-title h2 {
        margin-top:0px;
        padding-left:30px;
    }
}

@media screen and (max-width: 640px) {
	.timeline:before {
		display: none;
	}

	.timeline > li .time {
		width: 100%;
		position: relative;
        padding-top: 10px;
        padding-bottom: 15px;
        padding-left:15px;
		text-align: left;
        border-left:none;
	}

	.timeline > li .timeline-box {
		margin: 0 0 30px 0;
		padding: 15px;
	}

	.timeline > li .timeline-box:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
        border-top-color: transparent;
		border-bottom-color: #3f3f3f;
		top: -20px;
	}
    .img-grid li {
        width:50%;
    }
    #mobile-menu
    {
        display:block;
    }
    .main-container {
        top:66px;
    }
    #main-menu
    {
        position:fixed;
        z-index:999;
        width:100%;
        top:66px;
        height:auto;
        display:none;
        font-size:16px;
    } 
    #main-menu ul {
        padding-right:0px;
        padding-left:0px;
        float:left;
    }
    .logo {
        display:none;
    }
    .my-card h1 {
        padding-left:0px;
        text-align:left;
    }
    .my-info {
        width:100%;
        float:left;
    }
    .my-info {
        background-color:#c65b36;
        margin-top:-5px;
    }
}
@media screen and (max-width: 480px) {
    .img-grid li {
        width:100%;
    }
    .bx-wrapper .bx-prev,.bx-wrapper .bx-next, .bx-wrapper .bx-prev:before,.bx-wrapper .bx-next:before {
	   display:none;
    }
    .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
	   opacity:1;
    }
    .my-card h1 {
        font-size:30px;
    }
    .my-info {
        padding:15px;
        margin:0;
    }
    #main-menu
    {
        font-size:14px;
    }
    #main-menu li {
        padding-left:0px;
        padding-right:0px;
    }
    h1 {
        font-size:26px;
    }
    .page-title h2, h2 {
        font-size:22px;
    }
    h3 {
        font-size:20px;
    }
    p {
        font-size:12px;
        margin-bottom:15px;
    }
    .page-content {
        padding-left:15px;
        padding-right:10px;
    }
    .page-title {
        margin-bottom:15px;
    }
    .timeline > li .timeline-box {
		margin: 0 0 15px 0;
	}
    #filters {
        margin-bottom:0px;
    }
    #filters li {
        margin-bottom:15px;
        margin-right:5px;
    }
    .page-left-content {
        padding-bottom:15px;
    }
}