@media screen and (max-width: 769px) {
    
/*
++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++*/
	.callouts .desktop{display:none}
	.callouts .mobile{display:block}
	
	.callouts .mobile .title{background-color:#e2211c; clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);margin-right:5%;}
	.callouts .mobile .title h2{color: white; font-size: 20px; font-weight: 500}
	.callouts .mobile .title p{color: white; font-size: 14px; font-weight: 500}
	.callouts .mobile .titlebg{height:450px; background-size: cover !important}
	.callouts .mobile .contentAr{padding: 20px 12% 20px 9%;}
	
	.callouts .contentAr p a{    background: #e2211c;color: white;   padding: 2%;  display: block;  margin-top: 5%; width: 120px;}
	.callouts .contentAr p a:hover{    background: #ba100c;}
	
	
/*
++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++*/
	.breadcrumb {

		margin-bottom:-3px;

	}
	
	
    header {
        padding-bottom: 15px;
        position: relative;
    }
    
     header #nav {
        top: 5px;
        width: 227px;
        right: -227px;
    }
    
    .home-page #top {
        max-height: inherit;
        margin-top: -40;
    }
    .home-page #top .flexslider {
        max-height: none;
    }
    
    h1 {
        font-size: 30px;
        text-shadow: none;
    }
    
    h2 {
        font-size: 18px;
    }
    
    h3 {
        font-size: 16px;
    }
    
    header #nav nav > ul > li > a,
    header #nav nav > ul > li > span {
        font-size: 12px;
    }
    
    header #nav .submenu-open {
        line-height: 19px;
    }
    
    header #nav .open .submenu-open {
        line-height: 15px;
    }

    header #nav .subchildmenu-open {
        line-height: 19px;
    }
    
    header #nav .open .subchildmenu-open {
        line-height: 15px;
    }

    
    #top {
        margin-bottom: -5px;
    }
    
    
    #top .top-text {
        position: relative;
        background: #fff;
        text-align: left;
        padding-top: 30px;
        padding-bottom: 30px;
        left: 0;
        right: 0;
        padding-left: 80px;
        padding-right: 80px;
        margin-left: 0;
        margin-right: 0;
		min-height:140px
    }
    
    #top .h-block {
        padding-left: 0;
        padding-right: 0;
    }
    
    #top h1 {
        top: 0;
        font-size: 18px;
        position: relative;
    }
    
     #top h1 span {
        font-size: 18px;
        padding-top: 10px;
     }
     
     #top + .red-line {
        margin-top: 0;
     }
     
     #top .flex-direction-nav .flex-prev,
     #top .flex-direction-nav .flex-next {
        margin-top: -23px;
     }
    
    .text-block,
    .text-block.dark-grey-bg,
    .text-block.light-grey-bg {
        padding: 25px 0;
    }
    
    
    .text-block .red-quote {
        margin-bottom: 20px;
        width: 47px;
    }
    
    .red-line ul li {
        width: 100%;
        border-right: none;
    }
	.red-line ul li.red-line-li {
        width: 100% !important;
    }
	
    .red-line ul li:nth-child(2n + 1) {
        border-right: none;
    }
    
    .red-line ul li:nth-child(2) {
        border-top: 2px solid #fff;
    }
    
    .red-line ul li a {
        font-size: 16px;
    }
    
    .flex-direction-nav a {
        top: 35%;
    }
    
    .breadcrumb {
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .breadcrumb ul li,
    .breadcrumb ul li a,
    .breadcrumb ul li span{
        font-size: 14px;
		top:0
    }
    
    .article p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.7;
    }
    
    .four-cols .col-item {
        width: 100%;
    }
    
	.content {
		margin-top: 0;
	} 
    .single-page .content {
        padding-bottom: 40px;
    }
    
    .two-cols .col-item.leader-detail-info p {
        font-size: 18px;
    }
    
    .two-cols .col-item.leader-detail-info p strong,
    .two-cols.leader-detail .col-item.leader-detail-info p strong{
        font-size: 14px;
    }
    
    .map-block {
        margin-top: 20px;
    }
    
    .contact-form input[type="submit"],
    .contact-form div.checker {
        margin-top: 0;
    }
    
    .contact-form div.checker + label {
        padding-top: 0;
    }
    
    .four-cols .col-item .image .description  p {
        max-width: 100%;
        font-size: 22px;
    }
    
    .four-cols.filter-list .col-item,
    .four-cols.portfolio .col-item {
        margin-bottom: 0;
    }
    
    .black-line {
        height: 130px;
    }
    
    .filter-block #filter a {
        font-size: 14px;
    }

    
    .detail-btn.mobile {
        background: #e5e5e5;
        display: inline-block;
        width: 100%;
        height: 35px;
        position: relative;
        margin-bottom: -15px;
    }
    
    #open-detail {
        position: absolute;
        top: 0px;
        right: 0px;
        cursor: pointer;
        width: 100%;
        height: 30px;
        background: url(../images/arrow-down.png) no-repeat 98% 15px;
        display: inline-block;
    }
    
    #open-detail.down {
        background: url(../images/arrow-up.png) no-repeat 98% 15px;
    }
    
    .hotel-detail #close-detail {
        display: none;
    }

    #portfolio-slider {
        overflow: inherit;
    }
    
    .hotel-detail {
        position: relative;
        background: #e5e5e5;
        width: 100%;
        left: 0;
        margin-left: 0;
        padding-left: 4.5%;
        padding-right: 4.5%;
        padding-top: 0;
        padding-bottom: 30px;
        bottom: 0;
        height: inherit;
        
    }
    

    .hotel-detail .hotel-detail-body {
        display: none;
        padding: 20px 0px 30px;
    }
    
    
    .hotel-detail p {
        font-size: 16px;
    }
    
    .hotel-detail > ul li {
        font-size: 12px;
    }
    
    
    #portfolio-slider .flex-direction-nav .flex-prev,
    #portfolio-slider .flex-direction-nav .flex-next {
        background-size: 30px auto;
        height: 24px;
        margin-top: -12px;
        width: 13px;
    }
    
    
    .article-body .middle-width,
    .article-body .small-width{
        width: 45%;
    }
    
    .top-article .download-pdf {
        position: relative;
        float: left;
        bottom: 0;
        margin-top: 20px;
        clear: left;
    }
    
    .article p {
        margin-bottom: 20px;
    }
    
    .article-body img {
        top: 0;
    }
    
    .leader-detail-text {
        display: none;
    }
    
    .two-cols {
        padding-top: 20px;
    }
    
    .two-cols .col-item:first-child,
    .two-cols .col-item:last-child,
    .two-cols .col-item,
    .two-cols.right-side .col-item:first-child,
    .two-cols.right-side .col-item:last-child,
    .two-cols.left-side .col-item.left-sidebar,
    .two-cols.left-side .col-item.big-col-item,
    .new-left,
    .new-right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    .contact-info {
        width: 100%;
        margin-top: 20px;
    }
    
    .two-cols .col-item p,
    .two-cols .col-item h3.small {
        margin-bottom: 20px;
    }
    
    .long-img .about-text {
        padding: 10px;
    }
    
    .sidebar-mobile.mobile {
        padding: 10px 0;
        margin: 0 4.5%;
        border-bottom: 1px solid #e5e5e5;
        height: 70px;
        display: block;
    }
    
    .two-cols.left-side .col-item.left-sidebar {
        margin-bottom: 10px;
    }
    
    .left-sidebar .sidebar-mobile.mobile {
        margin-left: 0;
        margin-right: 0;
    }
    
    .news-search {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        text-transform: uppercase;
        font-size: 16px;
        display: inline-block;
        position: relative;
        padding: 10px 0;
        width: 100%;
        cursor: pointer;
    }
    
    .news-search:after {
        content: "+";
        position: absolute;
        right: 0;
        top: 50%;
        font-size: 20px;
        margin-top: -12px;
        font-weight: 700;
    }
    
    .sidebar.open .news-search:after {
        content: "-";
        margin-top: -13px;
    }
    
    .news-search-drop {
        border-bottom: 1px solid #e5e5e5;
        display: none;
    }
    
    .sidebar-mobile.mobile label {
        float: left;
        width: 30%;
        text-transform: uppercase;
        font-size: 16px;
        color: #DA291C;
        line-height: 45px;
    }
    
    .sidebar-mobile.mobile .drop-block {
        width: 70%;
        float: left;
        position: relative;
    }
    
    .sidebar-mobile.mobile .drop-link {
        border: 1px solid #464646;
        width: 80%;
        height: 45px;
    }
    
    .sidebar-mobile.mobile .drop-link a {
        float: right;
        width: 64px;
        height: 43px;
        background: #949494;
        line-height: 44px;
        text-align: center;
        color: #fff;
        font-size: 20px;
    }
    
    .sidebar-mobile.mobile .drop-link span,
    div.selector span{
        line-height: 43px;
        padding: 0 15px;
        text-transform: uppercase;
        color: #464646;
        font-size: 16px;
    }
    
    .sidebar-mobile.mobile .dropdown {
        position: absolute;
        z-index: 5;
        top: 45px;
        left: 0;
        padding: 0 15px;
        background: #fff;
        width: 80%;
        border: 1px solid #e5e5e5;
        display: none;
    }
    
    .sidebar-mobile.mobile .dropdown li {
        padding: 10px 0;    
    }
    
    .sidebar-mobile.mobile .dropdown li span {
        cursor: pointer;
        font-size: 16px;
        color: #959595;
        text-transform:uppercase;
    }
    
    .left-sidebar-item {
        margin-top: 15px;
        padding-bottom: 20px;
        display: inline-block;
        width: 100%;
    }
    
    .left-sidebar-item #uniform-year {
        margin-top: 0;
    }
    
    .left-sidebar-item h3.red {
        float: left;
        width: 30%;
        border-bottom: none;
        line-height: 48px;
        font-size: 16px;
    }
    
    .left-sidebar-item .search-form {
        float: left;
        width: 70%;        
    }
    
    .left-sidebar-item .search-form form {
        width: 80%;
    }
    
    .share-tags span.red {
        float: left;
    }
    
    .new-left {
        margin-bottom: 10px;
    }
    
    .new-item .new-title a {
        line-height: 1.25;
    }
    
    div.selector {
        border: 1px solid #464646;
    }
    
    .right-sidebar.desktop,
    .categories.desktop {
        display: none;
    }
    
    h1.small {
        font-size: 16px;
    }
    
    .contact-form {
        margin-bottom: 30px;
    }
    
    .black-line.big-text.black-line-img > img {
        display: none;
    }
    
    .black-line.big-text.black-line-img > div {
        position: relative;
        padding: 30px 0;
    }
    
    .contact-detail-info {
        text-align: center;
    }
    
    footer {
        padding: 25px 20px;
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 87.5% 100%, 75% 100%, 0% 100%, 0% 75%);
    }
    
    footer .copy span {
        display: block;
    }
     /* add css for news Image height */
    .image-news-height img{
        height: auto;
    }
    .subheadText, .mainheadText{
		/*color:#9A9A95;*/
    }
	.mainheadText{
		color:#000;
	}
}

@media screen and (max-width: 480px) {
    .black-line h1 {font-size:18px} 
	.black-line > div {padding: 0 14px}
    h1,#top h1 {
        font-size: 18px;
    }
    
    h2,
    .text-block.related-projects h2,
    .leader-detail-text h2 {
        font-size: 22px;
    }
    
    h3 {
        font-size: 16px;
    }
    
    
    header .logo {
        width: 78px;
    }
    
    header #nav {
        top: 5px;
    }
    
    header #nav nav {
        padding: 15px 0 15px 15px;
    }
    
    header #nav nav > ul > li {
        margin-bottom: 10px;
    }
    
    header #nav .submenu li {
        margin-top: 5px;
    }

    header #nav .subchildmenu li {
        margin-top: 5px;
    }
    
    header #nav #menu-icon {
        width: 60px;
        height: 60px;
        left: -60px !important;
        background-size: 33px auto;
    }
    
    header #nav.open #menu-icon {
        background-size: 32px auto;
    }
    
    header #nav .search input[type="text"] {
        width: 140px;
    }
    
        
    #top .flex-direction-nav .flex-prev {
        left: 15px;
    }
     #top .flex-direction-nav .flex-next {
        right: 15px;
     }
     
    #top .flex-direction-nav .flex-prev,
    #top .flex-direction-nav .flex-next {
        background-size: 30px auto;
        height: 24px;
        margin-top: -12px;
        width: 13px;
    }
    
    #top .top-text {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 34px;
        padding-right: 34px;
    }
    
     #top h1 span {
        font-size: 18px;
     }
    
    .four-cols .col-item .title-link,
    .four-cols.related-projects .col-item .title-link,
    .four-cols.filter-list .col-item .title-link,
    .four-cols.portfolio .col-item .title-link{
        height: 75px;
        padding-top: 0;
    }
    
    .four-cols .col-item .title-link a span {
        font-size: 12px;
    }
    
    .four-cols .col-item .title-link a span.name {
        font-size: 14px;
    }
    
    .filter-block #filter a {
        padding-top: 2px;
        font-size: 14px;
    }
    
    .search-block .inputs {
        width: 180px;
    }
    
    .search-block .inputs input {
        font-size: 14px;
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .search-block .inputs input[type='submit'] {
        height: 35px;
        width: 35px;
        background-size: 18px 18px;
		background-position: center 30%;
    }
    
    .search-block .clear-btn {
        font-size: 14px;
        margin-top: 8px;
        margin-left: 10px;
    }
    
    
    .hotel-detail > ul li span {
        font-weight: 700;
    }
    
    .text-block.related-projects {
        padding: 30px 0 0;
    }
    
    .text-block.related-projects h2 {
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    
    .black-line.big-text {
        padding: 30px 0;
    }
    
    .black-line.big-text h2 {
        font-size: 16px;
    }
    
    .article-body img.middle-width,
    .article-body img.small-width{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    /* add article-body .news-details-image-height*/
        .article-body .news-details-image-height{
            height: auto;
        }
        
    .top-article h2 {
        font-size: 22px;
    }
    
    .top-article div {
        font-size: 14px;
    }
    
    .share .social li {
        padding-right: 15px;
    }
    
    .leader-detail-info p {
        font-size: 16px;
    }
    
    .leader-detail-info p strong {
        font-size: 20px;
    }
    
    .contact-info {
        padding-top: 30px;
    }
    
    .two-cols .col-item .contact-info p {
        font-size: 20px;
    }
    
    .contact-info .get-btn {
        height: 45px;
        font-size: 20px;
    }
    
    .contact-info .social li a {
        background-image: url(../images/social-icons-red.png);
        height: 17px;
    }
    
    .contact-info .social li a.fb {
        width: 9px;
    }
    
    .contact-info .social li a.tw {
        background-position: -35px 50%;
        width: 17px;
    }
    
    .contact-info .social li a.in {
        background-position: -192px 50%;
        width: 17px;
    }
    
    h3.small {
        font-size: 18px;
    }
    
    .two-cols .col-item p {
        font-size: 14px;
    }
    
    .two-cols .col-item h3.small {
        font-size: 18px;
    }
    
    h1.small {
        font-size: 14px;
    }
    
    .sidebar-mobile.mobile {
        height: 60px;
    }
    
    .sidebar-mobile.mobile label,
    .left-sidebar-item h3.red {
        font-size: 14px;
        line-height: 35px;
    }
    
    .left-sidebar .sidebar-mobile.mobile label,
    .left-sidebar-item h3.red {
        width: 35%;
    }
    .left-sidebar .sidebar-mobile.mobile .drop-block,
    .left-sidebar-item .search-form {
        width: 65%;
    }
    
    .sidebar-mobile.mobile .drop-link {
        width: 100%;
        height: 35px;
    }
    
    .left-sidebar-item .search-form form {
        width: 100%;
    }
    
    /* Select */
    div.selector {
        line-height: 34px;
        height: 34px;
        background-size: 45px auto;
    }
      
    div.selector span {
        height: 34px;
        line-height: 34px;
        padding: 0 65px 0 10px;
        font-size: 14px;
    }
    div.selector select {
        height: 34px;
    }
    
    div.selector select option {
        color: #464646;
    }
    
    .sidebar-mobile.mobile .drop-link a {
        height: 33px;
        line-height: 34px;
        font-size: 14px;
        width: 45px;
    }
    
    .sidebar-mobile.mobile .drop-link span {
        line-height: 34px;
        padding: 0 10px;;
        font-size: 14px;
    }
    
    .sidebar-mobile.mobile .dropdown {
        top: 35px;
        padding: 0 10px;
        width: 100%;
    }
    
    .sidebar-mobile.mobile .dropdown li {
        padding: 5px 0;    
    }
    
    .sidebar-mobile.mobile .dropdown li span {
        cursor: pointer;
        font-size: 14px;
    }
    
    .left-sidebar-item .search-btn {
        height: 30px;
        max-width: 175px;
        font-size: 12px;
        font-weight: 700;
    }
    
    .new-title a, .new-item .new-title a {
        font-size: 18px;
    }
    
     .map-block {
        padding: 10px;
     }
     
     .contact-form input {
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
    }
    
    .contact-form div.selector {
        line-height: 40px;
        height: 40px;
        background-size: 40px auto;
    }
    
    .contact-form div.selector span {
        height: 40px;
        line-height: 40px;
        padding: 0 50px 0 10px;
        font-size: 14px;
		margin:0
    }
    .contact-form div.selector select {
        height: 40px;
    }
    
    .contact-form textarea {
        padding: 10px;
        height: 100px;
        font-size: 14px;
    }
    
    .contact-form div.checker + label {
        font-size: 12px;
    }
    
    .text-block p,
    .flexslider .slides > li,
    .text-block.dark-grey-bg p,
    .text-block p .clear {
        font-size: 12px;
        line-height: 1.5;
    }
    
    .black-line.big-text {
        padding: 30px 0;
    }
    
    h1.line {
        margin-bottom: 25px;
    }
    
}

@media screen and (max-width: 360px) {
    
    
    .home-page #top .flexslider {
        /*max-height: 130px;*/
        max-height: none;
    }
    
    .text-block .red-quote {
        width: 38px;
    }
    
    .red-line ul li {
        height: 35px;
		padding:15px 0
    }
    
    .red-line ul li a {
        font-size: 14px;
    }
    
    #carousel {
        padding-bottom: 30px;
    }
    
    .flexslider .slides > li p {
        padding: 10px 15px;
    }
    
    .four-cols .col-item .image .description  p {
        font-size: 18px;
    }
    
    footer {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    footer .menu li a,
    footer .copy{
        font-size: 10px;
    }
    
    footer .menu li span {
        padding: 2px 3px 0;
        display: inline-block;
    }
    
    .social li {
        padding-right: 20px;
    }
	blockquote{margin:0; border-top:1px solid #666;}
	blockquote em{margin:0 0 10px 0; display:block}


}



@media screen and (min-width: 768px) {
    .news-search-drop {
        display: block !important;
    }
	
}
@media (max-width:767px){
    #portfolio-slider .slides-image img {
        height: auto;
    }

}

@media screen and (max-width: 640px) {
	.imgPoster{
		display:block;
	}
 }