@media (min-width:1600px) {

    #case-studies .grid-item {
        width: 17.6%; /*** formula = 100% - (margin x12) / 5 ***/
        margin: 1%;
	}
	#case-studies .grid {
		padding: 0 1%; /* same as .grid-item margin  */
	}
	#case-studies .container {
		padding: 0 2%; /* double of .grid-item margin  */
	}

}

@media (max-width:1600px) {

    #case-studies .grid-item {
        width: 21.875%; /*** formula = 100% - (margin x10) / 4 ***/
        margin: 1.25%;
	}
	#case-studies .grid {
		padding: 0 1.25%; /* same as .grid-item margin  */
	}
	#case-studies .container {
		padding: 0 2.5%; /* double of .grid-item margin  */
	}

}

@media (min-width:1300px){

    .global-navigation {
        font-size: 13px;
    }

    .yt-mainPlayer {
        height: 640px;
    }

    #search-close {
        display: inline-block;
    }

}

@media (max-width:1300px) {

    .global-navigation {
        font-size: 13px;
    }

    .yt-mainPlayer {
        height: 640px;
    }

}

@media (max-width: 1200px) {

    .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item > .ubermenu-submenu.ubermenu-submenu-type-mega {
        min-width: 945px !important;
        left: -50px !important;
    }

    .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target .ubermenu-target-title {
        font-size: 13px !important;
	}

    #nav-block {
        width:85%;
    }
    .ubermenu .ubermenu-target {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target {
        padding-right: 22px !important;
	}
    #header-2 .col-md-3 {
        width: 85px;
    }
	#header-2 .col-md-3 {
        padding-left: 10px !important;
        padding-right: 15px !important;
    }
    #top-search input[type=text] {
        width: 60px;
        padding: 6px 10px 6px 0;
    }
    .sign-in-link {
        margin-left: 15px;
    }
    
     .video-container {
        width:30% !important;
        float: left;
    }
    
    .logo-desktop {
        padding-left:15px;
    }

    .yt-mainPlayer {
        height: 530px;
    }

    #case-studies .grid-item {
        width: 29.3%; /*** formula = 100% - (margin x8) / 3 ***/
        margin: 1.5%;
	}
	#case-studies .grid {
		padding: 0 1.5%; /* same as .grid-item margin  */
	}
	#case-studies .container {
		padding: 0 3%; /* double of .grid-item margin  */
	}

}

@media (max-width: 1024px) {
}

@media (max-width: 992px) {

	.container {max-width:970px}

	#header-top {
		font-size: 12px;
	}

	#social-icons {
		mwidth: 32%;
    }
	#top-navlinks {
		width: 53%;
	}
	.global-navigation {
		width: 15%;
	}

    #top-navigation a {
        padding-right:15px;    
    }

	.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item > .ubermenu-submenu.ubermenu-submenu-type-mega {
		min-width: 920px !important;
	}
    
    .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target .ubermenu-target-title {
        font-size:12px !important;   
    }

	#main-content p, .entry-content, .entry-content p, .entry-content li, .blog-content, div.includes-text {
		font-size: 14px;
	}

    .press-thumbnail img {
        width:100%;
        height:auto;        
    }   
    
    .press-years-section {
        min-height:62px;   
    }

    .news-thumbnail img {
        width:100%;
        height:auto;        
    }   
    
    .news-years-section {
        min-height:62px;   
    }
    
    
    .video-container {
        width:30% !important;
        float: left;
    }

    .yt-mainPlayer {
        height: 470px;
    }
}

@media (max-width: 980px) {
    .container{max-width:960px}

    #search-close {
        display: inline-block;
    }
}

@media (max-width: 960px) {

    .ipad-nav .search-form .search-field, .mobile-nav .search-form .search-field {
        width: 100%;
        border: solid 1px #cdcdcd;
        padding: 4px 8px;
        background: url('/wp-content/uploads/search-icon-sm.png') right center no-repeat;
        color: #444;
    }

    #nav-block {
        width: 100%;
    }
	#nav-block .fa-bars {
        position: relative;
        text-align: right;
        float: right;
		padding-right: 30px;
		padding-left: 20px;
        top: -35px;
        right:-30px;
    }
	.ubermenu-responsive-toggle {
		padding: 0 20px !important;
	} 

    .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target .ubermenu-target-title {
		padding: 0 !important;
    }

	#header-top {
		font-size: 12px;
	}

	.container {max-width:940px}
    
    #masthead {
        max-width:100%;   
    }
     
    #top-navlinks {
        padding-top:20px;
		width: 70%;
    }
	#social-icons {
        display:none;    
    }
    .global-navigation {
		position: relative;
		right: 50px;
		padding-top: 20px;
    }
	
    #top-navigation {
        float: left;
    }
    
    #ubermenu-main-35-primary-4 {
		display: none !important;
    }
	    
    .header-desktop {
        display:none;
    }
    
    .header-mobile {
        display:block;   
    }
	#simple-form-head .header-mobile {
		padding-bottom: 10px;
	}

    #search-close {
        display: none;
    }
    
    #header-2-sticky-wrapper {
        display:none;   
    }
    
    .ubermenu-skin-black-white-2 {
        font-size: 14px !important;
        color: #000 !important;
        border:0px !important;
    }
    
    .ubermenu .ubermenu-item-level-0 {
        border-top: 1px solid #e0e0e0 !important;
        border-left: 1px solid #e0e0e0 !important;
		
    }
    .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
        background-color:#fff !important;
    }
        
    .mobile-nav {
        display:none !important;    
    }   
    
    .site-title {
        margin-top:10px;   
    }
	.logo-desktop {
		padding-left: 0;
		margin-left: 15px;
	}
	.site-branding {
	  width: 65px;
	}
/*    .wpcf7-text {
        max-width:200px;   
    } need to limit to a particular page if still needed - messed up the Free Trial form */

	.breadcrumbs, .breadcrumbs a {
		color:#aeaeae;
	}
    
    .home-form-country {
        margin-bottom:10px !important;   
    }

    .video-container {
        width:33% !important;
        float: left;
    }
    
    .includes-text {
        min-height: 120px;
    }
    
    .bottom-footer-widget-4 {
        display:none;
    }

}

@media (max-width: 958px) {

    #ubermenu-main-35-primary-4 {
        display:block !important;    
    }

	.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item > .ubermenu-submenu.ubermenu-submenu-type-mega {
		min-width: 100% !important;
	}

}


@media screen and (min-width: 768px) {

	#site-navigation ul.menu {
		display: block;
	}

}

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

    #top-navlinks {
        width: 60%;
    }
    .global-navigation, #lang_sel li {
        width: 100px;
    }
    #lang_sel ul ul {
        width: 89px;
    }

	.menu-toggle {
		display: block;
	}

	
	#site-navigation {
		width: 100%;
	/* .active > a, .current_page_item > a {
		border-top: solid 4px @default-background;
		background: none;
		} */
	}
	#site-navigation ul {
		margin-left: 0px;
	}
	#site-navigation li {
		display: block;
		width: 100%;
		text-align: left;
	}
	#site-navigation li:hover > a {
		border-top: none;
		padding-top: 20px;
	}
	#site-navigation li:hover ul {
		display: none !important;
	}
	#site-navigation .navbar-default .navbar-collapse {
		border-color: #000000;
	}
    
/*	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
		color: #000000;
		font-weight: bold;
		text-transform: uppercase;
		padding: 10px;
		font-size: 20px;
		padding-bottom: 10px;
		position: relative;
		top: -8px;
		width: 100%;
		float: left;
	}
	h1.menu-toggle {
		width: 100%;
	}
	.menu-toggle:before {
		content: "\f0ca";
		font-family: "FontAwesome";
		height: 0;
		width: 0px;
		margin-right: 20px;
		position: relative;
	}
	.menu-toggle {
		display:none;   
	} */
	
	#top-search {
		text-align: center;
		margin-top: 10px;
	}
	#top-search .search-form {
		float: none;
	}


	#top-bar {
		padding-bottom: 5px;
	}
	div.slide-description {
		display: none;
	}
	div.slide-title {
		font-size: 12px;
	}
	.nivo-caption {
		max-width: 400px;
		max-width: 75%;
		min-width: 200px;
	}
	#site-navigation ul.menu,
	#site--navigation div.menu {
		display: none;
	}
	#site-navigation ul.menu li a,
	#site--navigation div.menu li a {
		font-size: 14px;
		padding: 10px;
	}
	#site-navigation ul.menu li:hover a,
	#site--navigation div.menu li:hover a {
		border-bottom: none;
		padding-bottom: 25px;
		padding: 10px;
	}
    
/*    #nav-block i { /* ubermenu hamburger bar 
		position: absolute;
		top: -35px;
		right: 20px;
    } */

	#main-content p, .entry-content, .entry-content p, .entry-content li, .blog-content, div.includes-text {
		font-size: 13px;
	}

    #circle1, #circle2, #circle3, #circle4 {
        width:45%; 
        float:left;
    }

    #main-content .container {
        padding-left: 5px;
        padding-right: 5px;
    }
	
    .video-container {
        width:45% !important;
        float: left;
    }
    
    .includes-3-style p {
        font-size:28px;
        padding-top: 40px;
    }
    
    .bottom-footer-column {
        padding-top:15px !important;   
    }
    
    .circles {
        background: #666 url('/wp-content/themes/xjtag/images/background.jpg') top center repeat-y;
        padding-top: 0px;
    }
    
    .circles-text {
        max-height: 230px;
    }
    .small-orange {
        padding-bottom:10px;
    }
    
/*   
    .avadabigwhitetextnew {
        font-size:15px !important;
        left:12px !important;
    }
    
    .mediumtextnew {
        font-size:12px !important; 
        left:40px !important;
        padding-top:5px !important;
        padding-bottom: 10px !important;
    }
*/

    tp-simpleresponsive .tp-caption {
        padding-top: 10px !important;
    }
    
    /**** Press page ******/
    
    .press-thumbnail {
        display:none;   
    }
    
    .press-years-section {
        min-height:62px;   
    }
    
    /***** Single page ******/
    .single .entry-title {
        line-height:1.2em;
        font-size:28px !important;
    }
    
    
    /**** News page ******/
    
    .news-thumbnail {
        display:none;   
    }
    
    .news-years-section {
        min-height:62px;   
    }
    
    .yt-mainPlayer {
        height: 400px;
    }

	.blog-footer-left {
        width: 70%;
    }

   /**** Case Studies ******/
    
	#case-studies .grid-item .case-studies-excerpt a {
		font-size: 18px;
	}

    .category-filter-tab {
        min-height:212px; 
        border:0px;    
    }
    
    .case-studies-category {
        border:0px;
    }
    
    .case-studies-filter {
        float: left;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    #case-studies .grid-item {
        width: 44%; /*** formula = 100% - (margin x6) / 2 ***/
        margin: 2%;
	}
	#case-studies .grid {
		padding: 0 2%; /* same as .grid-item margin  */
	}
	#case-studies .container {
		padding: 0 4%;
	}
  
}

@media (max-width: 600px) {

    .site-branding {
        width: 60px;
    }

	#simple-form-head .header-mobile {
		padding-bottom: 0;
	}
    .logo-desktop {
        display:none;
    }
    .logo-mobile {
        display:block;
    }
    .site-title {
        padding-top:0px;
    }
    .site-branding {
        padding-left:0px;
        padding-right:0px;
    }
    .site-branding .site-title {
        padding-left: 15px;
    }

    #top-navlinks {
        width: 50%;
        padding-top: 18px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 13px;
    }
    #top-navigation a {
        margin-left:0px;
        margin-right:0px;
    }

    .mobile-nav {
        display:block !important;
    }

    .ipad-nav {
        display:none !important;
    }

    .header-top {
        display:none;
    }

    /**** Blog Row ******/
    
	.blog-footer-left {
        width: 100%;
    }
	
    .blog-date, .blog-author, .blog-category, .blog-comments {
        width: 100%;
    }

	.blog-footer-right {
		clear: both;
        width: 100%;
		float: left;
	}

	.blog-readmorebutton {
		text-align: left;
	    padding: 15px 0 10px 0;
	}	

}

@media (max-width: 480px) {

    #top-navlinks {
		width:40%;
	}

	.breadcrumbs-background {
		min-height:60px;
	}
    
    .video-slider {
        display:none;
    }
    
    #circle1, #circle2, #circle3, #circle4 {
        width:100%;
        float:left;
    }
   
    .video-container {
        width:100% !important;
        float: left;
    }
    
    .includes-3-style p {
        font-size: 22px;
        padding-top: 30px;
    }
    
    .footer-column.col-xs-6 {
        width:100%;
    }

    .footer-column.col-xs-6 {
        width:100%;
    }

    #case-studies .grid-item {
        width: 90%;
        margin: 5%;
	}
	#case-studies .container {
		padding: 0 5%;
	}

	#case-studies .grid-item .case-studies-excerpt a {
		font-size: 20px;
		line-height: 1.3em;
	}

}

@media screen and (max-width: 400px) {

	#top-search input[type=text] {
		width: 250px;
	}
    .global-navigation {
		right: 40px;
    }
	.ubermenu .ubermenu-column, .ubermenu .ubermenu-row {
		max-width: 25% !important;
	}

}

@media (max-width: 320px) {

    #top-navlinks {
		width: 30%;
	}

}