
/**************************************
	media query starts here
*************************************/

@media screen and (max-width:1441px) {
  .container-extended{
    width: 95%;
  }
	section#tab .tab-content p {
		min-height: 173px;
	}
}

@media screen and (max-width:1323px) {
	section#tab .tab-content p {
		min-height: 198px;
	}
}
@media screen and (max-width:1281px) {
  .container-extended{
    width: 100%;
  }
  .products >.column {
    width: 33.33%;
    margin-bottom: 15px;
	}
	section#tab .tab-content p {
		min-height: 132px;
	}
	section#tab .tab-content {
    min-height: 250px;
	}
	.content_banner_wrap .content_banner_wrap-content p{
		padding: 0 15px;
	}
}

@media screen and (max-width:1200px) {
    .megamenu ul.MM-item-row li {
        float: left;
        height: 250px;
        min-width: 33.3333%;
		}
		
		

    .megamenu ul.MM-item-row li a div.mm-link {
        padding-top: 25%;
        font-size: 22px;
    }
	.container.product-banner{
		background-position: left !important;
		background-size: cover !important;
	}
	.internal-sidebar {
	  width: 23%;
	  margin: 40px 7% 40px 0;
	}
    .thumb-overlay{
        display: none;
    }
    /* .over-lay:after {
    content:"See Video";
    position:absolute;
    bottom:-35px;
    font-size:16px;
    text-align:center;
    width:100%;
    left:0px;
    color:#fff;
    font-weight: 700;
    } */
    .title-text{
        width: 50%;
    }

		.pegboard7-footer {
			background: transparent !important;
		}
		.pegboard7-footer li, .pegboard7-footer p, .pegboard7-footer h2 {
			color: #444 !important;
		}
		.visible-md {
			display: block !important;
		}
		.pegboard7-footer img {
			margin-top: 27px;
    	padding-right: 15px;
		}

		#testimonials .testimonial-box {
			width: 49%;
		}	
}

@media screen and (max-width:1024px) {
	section#tab .tab-content p {
		min-height: 100px;
	}
	.carousel-slideshow{
		height:200px;
	}
	#featured-resources .center a{
		top:75px;
	}
	.carousel-slideshow .case-study-img-container .hover-case-study{
		width:11%;
	}
	.carousel-slideshow .case-study-img-container img{
		height:inherit;
		width:inherit;
	}
	.carousel-slideshow .case-study-img-container{
		width:initial !important;
		height:200px;
		margin:0px 5px;
	}

	.top-nav-link.top-search input[type="text"]{
		width:115px;
	}
	.top-nav-link .contactus {
	  padding-left: 40px;
	  background: url("../images/contactus.png") no-repeat scroll 0px center #fff;
	}
	.top-nav-link .partnerships {
	  padding-left: 40px;
	  background: url("../images/partnerships.png") no-repeat scroll 0px center #fff;
	}
	.top-nav-link .contactus:hover{
		background: url("../images/contactus-hover.png") no-repeat scroll 0px center #1ba1e2;
	}
	.top-nav-link .partnerships:hover{
		background: url("../images/partnerships-hover.png") no-repeat scroll 0px center #a6ce39;
	}
	.cycle-slideshow .cycle-overlay.custom{
		top:10%
	}
	div.cycle-overlay .caption span{
		width:50%;
		font-size: 18px;
	}
	div.cycle-overlay .caption .banner-text {
		font-size: 20px;
  }


	header .pb-menu li a{
		font-size:13px;
	}
	#brands .container .column a img{
		max-height:70px;
	}
	section#corporate img {
		padding: 0 15px;
		max-height: 50px;
	}
	.content_banner_wrap p{
		top:35%;
		font-size:22px;
	}
	.cycle-slideshow .cycle-overlay.custom{
		top:5%;
	}
	div.cycle-overlay .caption span, div.cycle-overlay .caption span p{
		font-size:30px;
	}
	div.cycle-overlay .caption span img{
		max-width: 200px;
		margin: 0;
		height: inherit !important;
	}
	
    /* top header ends here */

	.cycle-slideshow.main-slider img{
		margin-left:-22%;
	}

  .container-extended{
    width: 100%;
  }
  .products >.column {
    width: 50%;
    margin-bottom: 15px;
  }

	.product-pg-list ul li .image {
		max-width: 100%;
		height: 140px;
	}

	.product-pg-list ul li .image img {
		width:100%;
		max-width: 100%;
		height: auto;
	}
	.two-columns-md>.column {
		width: 49.5%;
	}
	.container.product-banner {
		background-position: center !important;
	}
	.two-columns.two-columns-md>.column {
		width: 100%;
	}
	.problems-solved-table .problems-solved-item {
		width: 100%;
	}
	.pegboard7-footer .two-columns>.column {
		width: 100%;
	}
	.pegboard7-footer img {
		padding-right: 0;
	}
	
}

@media screen and (max-width: 900px) {
	header div.container_fixed .main-logo a img {
		max-width: 200px;
	}
	.main-logo a.padded {
    margin: 44px 0;
	}
	header .pb-menu li a {
		padding: 4px 8px;
	}
	header div.container_fixed .pb-menu {
		margin: 35px 0 0 0;
	}
	.cycle-slideshow.main-slider img{
		margin-left:-29%;
	}
}

@media screen and (max-width:800px) {
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	*, p, .container ul li {
		font-size: 16px;
	}
	.col-content-full-width img {
		max-width: 100%;
		height: auto  !important;
		display: block;
		float: none !important;
		margin: 0 0 15px 0 !important;
	}
    /* header */
	.main-nav-mobile .contact-us-tablet	{
		display:none;
		font-size:18px;
		border:1px solid #ebebeb;
		height:40px;
	}

	header .pb-menu-sub {
		border-radius: 0;
	}

	.container_fixed.mobile-header .main-nav{
		display:none;
	}
	.main-logo {
	  position: relative;
	}
	.top-nav{
		display:none;
	}
	/*
	.main-nav-mobile{
		display: inline-block;
		float: right;
		margin: 20px 5px 0 0;
	}
	*/

	.main-nav-mobile {
		position:absolute;
		right:10px;
		top:33px;
		display:inline-block;
	}

	#mobile-menu-btn{
		font-size:18px;
		font-weight: 600;
		color: #173560;
		font-family: 'Open Sans', sans-serif;
		display: block;
		cursor: pointer;
		background:#fff;
		float:right;
		margin-left:2em;
	}
	#mobile-menu-btn i{
		background: #173560;
		color: #fff;
		border-radius: 2px;
		padding: 10px;
	}
	#mobile-menu{
/*
		display:none;
		position: fixed;
		z-index: 999;
		background: #173560;
		/* width: 100%;
		right: 0px;
		left:0px;
		margin-top: 0px;
		overflow-y:scroll;
		height:80%;
		margin-right:-15px;
		box-sizing:content-box;
		top:75px;
*/

		display: none;
		position: fixed;
		z-index: 999;
		background: #173560;
		/* width: 100%; */
		right: 0;
		left: 0px;
		margin-top: 0px;
		overflow-y: auto;
		max-height: 80%;
		margin-right: 0px;
		box-sizing: content-box;
		top: 85px;
		/* padding-right: 15px; */
	}
	#mobile-menu .pb-menu{
		display: block;
		margin: 0;
/*		padding: 0 0 10px 0;*/
        padding:0px;
		text-align: center;
		position:relative;
	}
	.menu-with-logos .pb-menu-sub-item a.pb-menu-sub-link, .menu-with-logos.selected .pb-menu-sub-item a.pb-menu-sub-link, 
	.menu-with-logos .pb-menu-sub-item a.pb-menu-sub-link:hover, .menu-with-logos.selected .pb-menu-sub-item a.pb-menu-sub-link:hover {
		background-position: center 5px !important;
		background-size: 120px !important;
		min-height: 60px;
	}
	.menu-with-logos .jisti a.pb-menu-sub-link, .menu-with-logos.selected .jisti a.pb-menu-sub-link,
	.menu-with-logos .jisti a.pb-menu-sub-link:hover, .menu-with-logos.selected .jisti a.pb-menu-sub-link:hover {
		background-size: 49px !important;
	}
    .menu-with-logos .pegboard a.pb-menu-sub-link, .menu-with-logos.selected .pegboard a.pb-menu-sub-link,
    .menu-with-logos .pegboard a.pb-menu-sub-link:hover, .menu-with-logos.selected .pegboard a.pb-menu-sub-link:hover {
        background-size: 144px !important;
    }

	.menu-with-logos a::after {
		text-align: center !important;
		left: 0 !important;
	}
	.menu-with-logos .optimise a::after, .menu-with-logos .cloudhost a::after, .menu-with-logos .jisti a::after, .menu-with-logos .silicone a::after, .menu-with-logos .pegboard a::after {
		bottom: 0;
	}
	

	ul.pb-menu-sub.pb-menu-mega{
		position:relative;
	}
	header .pb-menu li ul{
		position:relative;
	}
	#mobile-menu .pb-menu li{
		width: 100%;
	}
	#mobile-menu .pb-menu li a{
		color: #fff;
		padding: 10px 0;
		margin: 0;
		font-size: 14px;
	}

	#mobile-menu .pb-menu li ul{
		display:block;
		padding:0;
		margin:0;
		position:relative;
		top:0px;
		width:100%;
	}

	#mobile-menu .pb-menu li ul.pb-menu-sub {
		display:none;
	}

	header .pb-menu > li {
		margin-right: 0 !important;
	}
	header .pb-menu .pb-menu-item a, header .pb-menu a{
		border-radius: 0;
	}

	/*

	#mobile-menu .pb-menu li:hover ul{
		display:block;
		width:100%;
		padding:0;
		margin:0;
		position:relative;
		top:0;
	}
	*/

	#mobile-menu .pb-menu li ul li{
		display:block;
		width:100%;
		margin:0;
		padding:0;
	}
	#mobile-menu .pb-menu li ul li a{
		display: block;
		margin: 0;
		padding: 10px 0;
		width: 100%;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
	}
	#mobile-menu .pb-menu .megamenu-content{
	}
	#mobile-menu .pb-menu .megamenu-content #mobile-menu .pb-menu li:hover ul{
	}
	#mobile-menu .pb-menu .megamenu-content ul.MM-item-row li {
		height: initial;
		list-style-type: none;
		vertical-align: top;
		display: inline-block;
		position: relative;
		padding: 0;
		margin: 0;
		max-height: 40px;
	}
	#mobile-menu .pb-menu .megamenu-content ul.MM-item-row li a{
		  display: block;
	}
	#mobile-menu .pb-menu .megamenu-content ul.MM-item-row li a div.mm-link{
		padding: 0 0 10px 0;
		position: relative;
		margin: 0;
		display:block;
		margin: 0;
		width: 100%;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
	}
	#mobile-menu .pb-menu .megamenu-content ul.MM-item-row li a div.mm-link span.button{
		display:none;
	}
	#mobile-menu .pb-menu .megamenu-content ul.MM-item-row li a div.mm-image{
		display:none;
	}
	/* banner starts here */
    section#banner {
        overflow: hidden;
    }
	section#banner img {
		}
		.container.product-banner {
			background-position: right !important;
			box-shadow: inset 0 0 0 1000px rgba(255,255,255,.85);
			min-height: 520px;
		}
	
		.container.product-banner .main-banner-button {
			max-width:100%;
			margin-top: 40px;
			width: 100%;
		}
	
		.container.product-banner .main-banner-button .banner-logo  img {
			height: auto !important;
			width: 100%;
			max-width: 300px
		}
	div.cont.Home {
		padding: 90px 0 0 0;
	}
	div.findout {
		top: -80px;
	}
	div.findout a.find {
		padding: 7px 30px;
		font-size: 14px;
	}
    /* banner ends here */
	div.cont{
		padding-top:125px;
	}
	#events .three-columns>.column{
		width:48%;
	}
	section#tab {
		padding: 0 0;
	}
	#tab .column{
		width:100%;
	}
	#tab .column .tab-content, section#tab .products-SIL .tab-content, section#tab .products-cloud .tab-content, section#tab .products-pegboard7 .tab-content {
		margin:0 0 20px 0 !important;
		min-height: 0;
	}
	section#tab .tab-content p{
		min-height: 0;
	}
	.carousel-slideshow .case-study-img-container{
		width:100% !important;
	}
	.cycle-slideshow.main-slider img{
		margin-left:-55%;
	}

	.megamenu-content ul.MM-item-row li a div.mm-link .PegboardSIL{
	font-size: inherit;
	}
	.megamenu-content ul.MM-item-row li a div.mm-link .PegboardSIL:before{
		display:none;
	}
	.megamenu-content ul.MM-item-row li a div.mm-image{
		display:none;
	}

	.megamenu-content ul.MM-item-row li a div.mm-link .PegboardODP{
	font-size: inherit;
	}
	.megamenu-content ul.MM-item-row li a div.mm-link .PegboardODP:before{
		display:none;
	}
	.megamenu-content ul.MM-item-row li a div.mm-image{
	}
	.megamenu-content ul.MM-item-row li a div.mm-image{
		display:none;
	}

	section#content_banner div.content_banner_container img {
		width: initial;
		height: 230px;
	}
	.content_banner_wrap .content_banner_wrap-image{
		height:230px;
	}
	.content_banner_wrap .content_banner_wrap-content{
		top:30%;
	}


    /* Header fix 2016 */

    .megamenu-content ul.MM-item-row li a div.mm-link .PegboardSIL:before,
    .megamenu-content ul.MM-item-row li a div.mm-link .pegboard-silicone:before,
    .megamenu-content ul.MM-item-row li a div.mm-link .PegboardODP:before{
        background:none;
        display:none;
    }

    .megamenu-content ul.MM-item-row > .mobile-mode {
        display:table !important;
    }

    .megamenu-content ul.MM-item-row > .desktop-mode {
        display:none !important;
    }

    .mobile-mode .pegboard-silicone, .mobile-mode .PegboardODP {
        font-size:1em !important;
    }

    .mobile-mode > a {
        background: #1ba1e2;
        color:white;
        font-weight:700;
    }

    /* End Header fix 2016 */
	.main-logo .contact-us-mobile {
		display:inline-block;
		position:absolute;
		top:36px;
		left:105%;
		margin:0em;
	}
	.main-logo .contact-us-mobile .fa-circle-thin.fa-stack-2x {
		font-size: 1.8em;
	}

  section#tab h1, #featured-resources h1, #brands h1, #testimonials h1{
    font-size: 36px;
    width: 90%;
    max-width: 90%;
  }

	.problems-solved-table {
		margin-bottom: 0;
		text-align: left;
		padding-left: 20px;
	}

	.problems-solved-table .problems-solved-item {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.problems-solved-table .problems-solved-item img {
		margin-right: 15px;
	}

	.product-pg-list ul li {
		width: 49.9%;
		max-width: 49.9%;
	}

	.product-pg-list ul li .content {
		height: 310px;
	}

	.carousel-slideshow{
		height:200px;
	}
	/*
	div.cycle-overlay .caption span{
		width:80%;
	}
	*/
	div.cycle-overlay .caption span {
		width:100%;
	}
	.cycle-slideshow .cycle-overlay.custom .caption a{
		padding:5px 15px;
	}
	#featured-resources .center a{
		top:75px;
	}
	.carousel-slideshow .case-study-img-container .hover-case-study{
		width:11%;
	}
	.carousel-slideshow .case-study-img-container img{
		height:inherit;
		width:inherit;
	}
	.carousel-slideshow .case-study-img-container{
		width:initial !important;
		height:200px;
		margin:0px 5px;
	}
  section#banner img{
		height: 380px;
		margin: auto;
  }
  .cycle-slideshow .cycle-overlay.custom{
    top: 0%;
    bottom: 0%;
    background: rgba(255, 255, 255, 0.7);
  }
  .cycle-slideshow .cycle-overlay.custom .caption{
		width: 95%;
		margin-top: 15px;
  }
  div.cycle-overlay .caption span p{
    font-size: 18px;
  }
  div.cycle-overlay .caption .banner-text {
    max-width: 90%;
		margin-bottom: 35px;
		font-size: 18px;
  }
  div.cycle-overlay .caption .banner-logo{
    padding-top: 20px;
    margin-bottom: 15px;
	}

	.home-banner-pager span {
		color: #ccc;
	}
	
	#testimonials .testimonial-box {
		width: 49%;
	}

	.internal-sidebar{
		width: 100%;
		display: block;
		margin-bottom:0;
	}
	.internal-sidebar ul{
		display:none;
	}
	.internal-sidebar h3{
		margin-bottom:0;

	}
	.internal-content{
		width:100%;
	}
	.internal-content img{
		width:100%;
		margin-bottom:20px;
		height:auto !important;
	}
	.over-lay {
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    bottom: 20px;
		top: initial;
		left: initial;
    right: 20px;
    height: 64px;
    width: 64px;
    background-size: contain;
    text-align: center;
    z-index: 1000;
    opacity: 1;
	}

	section#content_banner {
		margin-bottom: 0;
	}

}

@media screen and (max-width:680px) {

	h1, h2, h3, h4 {
		word-wrap: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

    #tagLine a {
        font-size:17px;
        line-height:1.5em;
    }

    #tagLine i.fa {
        top:0px;
        font-size: 1.5em;
    }

	.form .row-form input, .form .row-form select, .form .row-form textarea {
		width:100%;
		max-width:100%;
	}

	.fixed-sidebar-top{
		position:relative;
	}
	
	.column{
		width: 100% !important;
	}
	.product-pg-list ul li {
		width: 100%;
  		max-width: 100%;
	}
	.product-pg-list ul li .image {
		display: block;
		width: 100%;
		overflow: hidden;
		height: initial;
	}
	.product-pg-list ul li .image img {
		height: initial;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.product-pg-list ul li .content{
		height: initial;
	}
	.col-content-img {
		width: 100%;
		text-align: center;
		vertical-align: top;
		height: initial;
		display: block;
	}
	.col-content-img img {
		width:100%;
		min-width:100%;
	}
	
	
	.modules-list .content p{
		max-width:100%;
	}
	.modules-list .green-button{
		clear:both;
	}
	.partner-types .column .col-content .ent-partner-item{
		width:48%;
	}
	.partner-types .column .col-content .ent-partner-list-back-top{
		display:none;
	}


	.col-content-full-width .two-column {
		width:100%;
	}

	.col-content-full-width .contact-us .two-column {
		margin-bottom:0em;
	}

	.form.contact-us .row-form input, .form.contact-us .row-form select, .form.contact-us .row-form textarea {
		width:100%;
		max-width:100%;
	}

	.form .row-form {
		width:100%;
	}
    .title-text{
        width: 65%;
    }

    #main_footer .left{
      text-align: center;
    }

    #main_footer .right ul{
      float: none;
      margin: auto;
		}
		

		#testimonials .testimonial-box {
			width: 100%;
		}
		.video-frame-container .video-frame {
			height: 350px;
		}
}

@media screen and (max-width:480px) {
    .over-lay:after {
        display:none;
    }

	/* Header */
	.main-logo .contact-us-mobile {
		display:inline-block;
		position:absolute;
		top:12px;
		right:0px;
		margin:0em;
	}

	.contact-us-mobile i.fa-phone {
		top:0;
		font-size: 0.8em;
	}

	.main-logo .contact-us-mobile .fa-circle-thin.fa-stack-2x {
		font-size: 1.5em;
	}

	.main-logo .contact-us-mobile, .main-logo .contact-us-mobile span, .main-logo .contact-us-mobile i {
		line-height:40px;
		height:40px;
	}

	#mobile-menu-btn {
		float:none;
		margin-left:1.25em;
	}

	.main-nav-mobile .contact-us-tablet {
		display:none;
	}
	.main-nav-mobile {
		top: 14px;
	}

	#mobile-menu {
		top:65px;
		right: 0;
	}

	header div.container_fixed .container {
		height: 65px;
	}


	/* End Header */


	.form .row-form {
		width:100%;
		clear:both;
	}

	div.cont{
		padding-top: 65px;
	}
	.content_banner_wrap .content_banner_wrap-content{
		top:95px;
	}
	.content_banner_wrap .content_banner_wrap-content p{
		font-size:20px;
		padding: 0 15px;
	}
	.main-logo a.padded {
    margin: 23px 0;
}
header div.container_fixed .main-logo a img{
		max-width:150px;
	}
  /* banner starts here */
  section#banner img{
    left: -80% !important;
    height: 430px;
  }
  section#banner {
      height: 350px;
      overflow: hidden;
  }
	div.cycle-overlay .caption span {
		font-size: 22px;
	}
	div.cycle-overlay .caption span img{
		max-width:180px !important;
		height:inherit !important;
		margin:0px !important;
	}

	#testimonials{
		padding:40px 0;
	}
	#testimonials .testimonial-box{
		padding:0 0 20px 0;
	}




	#events .three-columns>.column{
		width:100%;
	}
	#top_footer .container:last-child .column{
		width:100%;
	}
	#top_footer .container:last-child ul li a{
		margin:0 0 10px 0;
	}
	#main_footer .left, #main_footer .right{
		width:100%;
	}
	#main_footer .right ul li{
		width:100%;
		margin:0 0 10px 0;
	}
	#top_footer .container h2 {
		font-size: 22px;
	}
	#top_footer .container p {
		font-size: 16px;
	}

    .cycle-slideshow.main-slider img{
		margin-left:-40%;
	}
	div.cont.Home {
		padding: 65px 0 0 0;
	}
	.partner-types .column .col-content .ent-partner-item{
		width:100%;
	}

	

	.listing .image {
		width:auto;
		max-width:100%;
		margin-bottom:10px;
	}

	.listing img.image {
		width:100%;
	}

	.listing .content {
		width:100%;
	}

	.video-banner .video-holder {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		height: 0;
		max-width:100%;
		width:100%;
	}

	.video-banner .video-holder object, .video-banner .video-holder embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	section#events .footer-col-cont {
		margin: 0 20px !important;
	}

	#main_footer .container {
		text-align:center;
	}

	#main_footer .right {
		margin-top:1em;
	}

	#main_footer .right ul {
		float:none;
	}

	#main_footer .right ul li {
		padding:0em;
		margin-bottom:0em;
	}

	div.cycle-overlay .caption span.desc,
	div.cycle-overlay .caption span {
		width:100%;
		display:inline-block;
		position:initial;
		height:auto;
		text-align:center;
	}

	.cycle-slideshow .cycle-overlay.custom .caption span.desc > a {
		position:initial;
		display:inline-block;
	}

	.problems-solved-table {
		padding-left: 0;
	}

	.tab-button-container > a {
		margin-right: 0 !important;
		margin-bottom: 20px;
	}
	.container .pbSitemapTree ul li {
		padding: 0;
		margin: 0;
	}
	.video-frame-container .video-frame.video-frame-item {
		height: 250px;;
	}
	section#content_banner div.content_banner_container img {
		position: relative;
    left: -50%;
	}

	.video-frame-container .video-frame {
		height: 220px;
	}

	

}


/* media query ends here */

/* Slider Media Query */

@media screen and (max-width: 480px){

section#banner img {
    /* height: 350px; */
    margin-left: 0%;
}
.title-text{
left:4%;
width: 20% !important;

}

section#banner {
    height: 440px;
    overflow: hidden;
/*	margin-bottom:20px;*/
}
 .bxslider li{
 width: 1800px !important;
 }
}

/* End Slider Media Query */
