﻿@media (max-width:768px) {
    nav.languages {
		margin-right:10px;
    }

        nav.languages ul li a {
			font-size:15px;
        }

    nav.top-menu {
		margin-right:10px;
    }

		nav.top-menu ul li a, nav.top-menu ul li span {
			font-size:15px;
		}

    nav.main-menu ul li a {
		font-size: 19px;
		padding: 0 5px;
    }

    
}

@media (max-width:767px) {
    .header-wrapper .container {
        width:100%;
        padding-left:10px;
        padding-right:10px;
        box-sizing:border-box;
    }

    h2.title {
        font-size:30px;
        line-height:32px;
    }

	#logo {
		position:static;
		width:30%;
        float:left;
        margin-top:20px;
    }
        #logo .three {
            width:100%;
        }

	nav.languages {
        margin-right:0;
        position:absolute;
        top:10px;
        width:93%;
    }

		nav.languages ul {
			text-align:center;
		}
			nav.languages ul li a {
				font-size:14px;
			}


    nav.top-menu {
		float:left;
        margin-top:20px;
        width:60%;
    }
        nav.top-menu ul {
			text-align:center;
        }

            nav.top-menu ul li {
				background:none;
            }

			nav.top-menu ul li a, nav.top-menu ul li span {
				font-size:14px;
			}

        nav.top-menu li.connect-with-us {
            width:100%;
        }

    nav.main-menu {
		height:45px;
        margin-top:0;
    }

    nav.main-menu ul {
		display:none;
    }

    .menu-dropdown {
		display:block;
		margin-top:10px;
    }

    .cta-long {
        padding-top:0;
    }
        .cta-long .img-wrapper {
            text-align:center;
        }
        .cta-long img {
            max-width:50%;
            margin:0 auto;
        }

    .footer.cta-long .text-wrapper h2 {
        font-size:30px;
        text-align:center;
    }

    .sidebar-nav {
        margin-bottom:30px;
    }

    .main-categories {
        width:100%;
    }
        .main-categories li {
            width:90%!important;
            float:none;
            margin-right:0;
            text-align:center;
            clear:both;
        }

            .main-categories li a {
                float:none;
            }

    .page-header h1 p {
        font-size:30px;
    }

    .content-with-images h2 {
        font-size:26px;
        line-height:28px;
    }

    .img-float-right {
        float:none;
        padding-left:0;
        margin-bottom:20px;
    }

    .events {
        margin-top:30px;
    }

    .contact-info .two_third, .contact-info .one_third {
        width:100%;
        margin-bottom:10px;
    }

    #contactus {
        padding:0 20px;
    }

    .contact-us-form .otherInquiry {
        margin-left:0;
    }
}
