@media(max-width: 1050px) {
    .block-three-col .middle-col { max-width: 550px;}
    .block-two-col-right .middle-col {max-width: 740px;}
} 


@media(min-width:767px) and (max-width:1023px){ 

.find-link-block {padding: 15px;max-width: 230px;}
.map-block {width: 250px; }
.location-detial {padding-left: 20px;}
.map-view  {display: none;}
.home-banner .bx-wrapper .bx-pager {right: 15px;} 
.main-nav > li {padding: 0 1%;}
.main-banner ul.mainBanner > li {min-height: 400px;}
.main-banner ul.mainBanner > li img {height: 400px; max-width: none; width:auto;}
.home-banner .bx-pager-item {width: 100px;}
.static-banner {border-bottom: 1px solid #ddd;}
.drop-down-menu ul > li {min-height: 130px;}
.social-share > span {margin:0 5px 5px 0;}
.bread-crumb {min-width: 250px;}
.block-three-col .middle-col, .block-two-col-right .right-col {max-width: none;padding-bottom: 0;}
.block-three-col .block-right,  .block-two-col-right,
.block-two-col-right .block-right {background: #fff;}
.block-three-col .middle-col-content, .block-two-col-right .middle-col-content {padding-right: 0;}

.block-two-col-right .right-col {width: 100%;}
.right-promo-block .promo-img {max-width: 244px;}
.block-two-col-right .middle-col {max-width: none;}
.detail-banner-img {height: 285px;}
.social-icon-group > li {margin-left: 10px;}

.main-banner.home-banner ul.mainBanner > li {min-height: 400px;}
.responsive-slider {height: 350px;}
.responsive-slider .slides ul li .slide-body img {width: auto; max-width: none; height: 350px;}
.responsive-slider .pages {bottom: 10px; right: 15px; left: auto; width: 90%; margin: 0;}
.responsive-slider .slider-content {float: left;}
.responsive-slider .slides ul li .slide-body .caption {margin-bottom: 20%;}

.row-flued.block-two-col-right .inner-content:before,
.inner-content:before {display: none;}
.navigation ul.menu > li:last-child {padding: 0 1%;}
body.page-node-156 .main-banner ul.mainBanner > li img {height: 400px; width:auto;position: absolute; right: 0;}
 .thmb-slider > li > img {max-width: none;}

 .our-solutions-right:before {width: 100px; left: -84px;}
 .tweetfeed ul > li {padding: 0!important;}

}

@media(max-width:767px){
	 h2, h3 {font-size: 20px;}
	 .mobile-nav-block {display: block;}
	 .main-banner.inner .bx-wrapper .bx-pager {bottom: 7px;} 
	.our-solutions-right {float: none;max-width: none;min-height: inherit;}
	.our-solutions-right .tab-content>.tab-pane {overflow: hidden; padding: 30px 0;}
	.static-banner, .bottom-promo, .location-block {padding: 20px 0;}
	.post-view-block {padding: 25px 0 40px;}
	.promo-slider {padding: 10px 0 60px;}
	.main-wrapper {margin-top: 70px;}
	.bx-wrapper .bx-pager {text-align:center;}
	.logo {max-width: 60px;}
	 header {height: 70px;padding: 10px 0;}
	.home-banner .bx-pager-item .bx-pager-link span {display: none;}
	.home-banner .bx-pager-item {width: 47px;margin-left: 16px;}
	.home-banner .bx-wrapper .bx-pager {right: 15px;bottom: 7px;width: 100%;text-align: right;}
	.slider-content h2 {font-size: 18px;}
	.main-banner ul.mainBanner > li {max-height: 205px; min-height: 200px;height: 200px;}
	.main-banner ul.mainBanner > li > img {max-width: none;}
	.slider-content {padding: 20px 0;/* text-align: right; */}
	.button {padding: 9px;font-size: 16px;}
	.scontent-top > p {font-size: 14px; padding: 0; overflow: hidden; max-width: 100%; word-wrap: break-word; 
		word-break: break-word;}
	.carousel-content {width: 100%; padding: 10px 0 0; float: left;}
	.bottom-promo .col-sm-4 {margin-bottom: 20px!important;}
	.tab-content {padding: 0px;float: none;width: inherit;}
	.our-solutions {background: #fff;min-height: inherit;}
	.our-solutions-right:before {display: none;}
	.menu-title {background: #003d79; color: #fff; margin: 0 -15px; padding: 10px 15px; text-align: center;overflow: hidden;}
	.find-link-block {width: 100%; text-align: center;max-width: none;border: none;margin: 0;}
	.find-link-block.quicklink {border-top: 1px solid #acacac;}
	.quicklink > ul {text-align: left;}
	.map-block {width: 100%; padding: 0;}

	
	.middle-col-content, .block-two-col-right .middle-col-content {padding: 0 0 25px 0;}
	.listing-desc {width: 100%;padding-top: 25px;}
	.listing-view > ul > li, 
	.listidng-calendar .listing-view > ul > li,
	.listing-view.blog > ul > li {padding: 15px 0 18px 0;}
	.thmb-slider .thmb-content img {max-width: none;}

	.middle-col, .lates-job-block {padding: 15px 0;}
	.middle-col h3 {margin-top: 10px;}
	.list-title {font-size: 18px;}
	.block-three-col .middle-col-content {padding-right: 0;padding-bottom: 0;}
	.block-three-col .block-right,  .block-two-col-right, .block-two-col-right .block-right {background: none;padding-bottom: 20px;}
	.right-col, .block-two-col-right .right-col {padding: 0; width: 100%; max-width: none;}
	.detail-banner {margin: 0 -15px;position: relative;}
	.detail-banner-content {padding: 0 15px; background: rgba(108,176,242,0.9) url(../img/detail-banner-bg.png) no-repeat right top;}
	.detail-banner-img {height: 285px;}
	.detail-banner-img > img {max-width: none;}
	.careers-banner-sub h1, .hover-content a {font-size: 25px;}
	.lates-job-block .whitepaper-list > li {width: 100%;}
	.job-desc-content { }
	.bostby-nav > li {width: 100%; overflow: hidden; margin: 0; padding: 0 0 10px 0;height: inherit;border: none;}
	.tag-category > ul > li {padding: 0 0 8px 16px}
	footer .col-sm-5 {margin-bottom: 15px;}
	footer .col-sm-5 , footer .col-sm-7 {float: left;overflow: hidden;}

	.home-banner .bx-pager-item .bx-pager-link:hover:before, .home-banner .bx-pager-item .bx-pager-link.active:before {border: 2px solid #fff;}
	 #indexBanner .slider-content {text-align: right;}
	 .bulet-style > li:before {top: 13px;}
	 .quicklink > h4 {text-align: left;}
	 .thmb-content .hover-content:hover, 
	 .thmb-slider > li:hover .hover-content, .justified-gallery>div:hover .hover-content {width: 95%;}
	 .justified-gallery>div:hover .hover-content {left: -60px; width: 108%;}
	 .careers-gallery .hover-content p {max-width: 90%; }
	 .justified-gallery>div:hover .hover-content p {margin-left: 35px;}
	 .main-banner.home-banner ul.mainBanner > li,
	 .main-banner ul.mainBanner > li > {min-height: 200px; height: 200px;}
	 .main-banner.home-banner ul.mainBanner > li > img,
	 .main-banner ul.mainBanner > li > img {height: 100%; width:auto;}
	 .listing-desc p {margin-bottom: 10px;}
	 .social-icon-group > li {margin-left: 3px;}


	.responsive-slider {height: 300px;}
	.responsive-slider .slides ul li .slide-body img {width: auto; max-width: none; height: 300px;}
	.responsive-slider .pages {bottom: 10px; right: 15px; left: auto; width: 90%; margin: 0;}
	.responsive-slider .slides ul li .slide-body .caption {margin-bottom: 15%;}

	.responsive-slider .pages .page a {display: none;}
	.responsive-slider .pages .page {width: 50px;}
	.row-flued.block-two-col-right .inner-content:before,
	.inner-content:before {display: none;}
	.navigation ul.menu > li:last-child {padding: 0 1%;}
	body.page-node-156 .main-banner ul.mainBanner > li img {height: 200px; width:auto; position: absolute; right: 0;}
.thmb-slider > li > img {max-width: none;}


}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -o-min-device-pixel-ratio: 2/1),
only screen and (  	     min-device-pixel-ratio: 2),
only screen and (           min-resolution: 192dpi),
only screen and (           min-resolution: 2dppx) {
     Retina-specific stuff here
    	[class^="icon-"],  [class*=" icon-"] {background-image: url(../img/icon@2x.png); background-size: 600px 600px;}
	
}