/** ====================

responsive.css

==================== **/


/** smaller than 1024px
==================== **/

	@media (max-width: 1024px) {
		.container { padding: 0 50px; }
	}


/** smaller than 768px
==================== **/

	@media (max-width: 768px) {
		.column {
			width: 100% !important;
			padding: 0 !important;
			margin-bottom: 50px;

		}
        .col-lg-9{
            width:100%;
        }
        h1{
            font-size:28px;
        }
        .post.single .post-content{
            padding:1.2rem;
        }
		.column:last-child { margin-bottom: 0; }

		.col-xs-12{
            width:100%;
		}
        .ds-xs-none{
            display:none;
        }
        .main-nav li .sub-menu li{
            display:block;
        }
        .main-nav li a{
            font-size:unset;
        }
        .main-nav li .sub-menu li a{
                font-size: 15px;
        }
		.main-content { padding-top: 100px; }

		.main-nav li {
			display: block;
			margin: 0;
			text-align: right;
		}

		.main-nav li .sub-menu {
			    position: relative;
    margin-bottom: 15px;
    margin-top: 15px;
    border-top: 1px solid #3498db;
		}
        .mobile-menu{
            display:block;
        }
        .contact-form{
            width:100%;
        }
        .contact-form > ul.contact-info{
            width:100%;
        }
        .contact-form > form{
            width:100%;
        }
        .post.post-wide .post-content {
    width: 100%;
    padding: 40px 30px;
}
        .post.post-wide .post-image{
            width:100%;
        }
        .post.post-wide {
    display: block;
}
        .post.post-wide .post-content{
            height:unset;
        }
        .carousel-about-cell{
        height:200px;
                width:100%;
        }
        .team-content{
            min-height:unset;
            margin-bottom:1rem;
        }
        .contact-form  {
               padding-top: 50px;
               padding-bottom:50px;
        }
        .pr-title{
            opacity:1;
        }
        .logo-footer >img{
            margin:auto;
            padding-top:12px;
        }
        .copy{
            text-align:center;
        }
        .carousel-Clients-cell{
            width:100%;
        }
        .share{
            right:15px;
        }
        .back2top{
            right:21px;
        }
	}


/** smaller than 500px
==================== **/

	@media (max-width: 500px) {
		.container { padding: 0 25px; }
	}