/* lg */
@media (min-width: 1200px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms;
    }

    #portfolio .row {
        margin-left: -10px;
        margin-right: -10px;
    }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms;
    }

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }

    .products-wrap {
        padding: 40px 10px 40px 30px;
    }

    .feature-wrap h2 {
        font-size: 18px;
    }

    .feature-wrap h3 {
        font-size: 14px;
    }

    #portfolio .row {
        margin-left: -10px;
        margin-right: -10px;
    }

	.header-title {
		font-size: 24px;
		margin-top: -10px;
	}

	.header-covid {
		display: none !important;
	}

	.header-covid-small {
		display: inline;
		left: 525px;
		top: 45px;
	}

	#diaCovidMessage > div > img {
	}

	.header-subtitle {
		font-size: 18px;
		top: 60px;
		left: 50px;
	}

	.links-PTL {
		left: 20%;
		top: 17%;
	}

	.links-PTLc {
		left: 38%;
		top: 17%;
	}

	.links-PTLsng {
		left: 55%;
		top: 21%;
	}

	.links-PTLs1 {
		left: 55%;
		top: 17%;
	}
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    /* Make Navigation Toggle on Desktop Hover */

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }

    .products-wrap {
        padding: 40px 0 40px 30px;
    }

	.slider-container {
		display: block;
	}

	#featured-products img {
		width: 100%;
	}

	#product-enquiry {
		width: 100%;
	}

	#news-banner > h1 {
		top: -160px;
	}

	#news-list {
		top: -100px;
	}

	#news-article {
		top: -120px;
	}

	#news-article > img {
		width: 100%;
	}

	.header-title {
		font-size: 20px;
		margin-top: -15px;
	}

	.header-covid {
		display: none !important;
	}

	.header-covid-small {
		display: inline;
		left: 600px;
		top: 50px;
	}

	#diaCovidMessage > div > img {
	}

	.header-subtitle {
		font-size: 18px;
		top: 70px;
		left: 30px;
	}

	.links-PTL {
		left: 20%;
		top: 19%;
	}

	.links-PTLc {
		left: 38%;
		top: 19%;
	}

	.links-PTLsng {
		left: 55%;
		top: 23%;
	}

	.links-PTLs1 {
		left: 55%;
		top: 19%;
	}
}

/* xs */
@media (max-width: 767px) {
    .container > .navbar-header, .container > .navbar-collapse {
        margin-left: 0;
		max-height: 500px !important;
    }

    .navbar-nav > li {
        padding-bottom: 0;
    }

        .navbar-nav > li > ul {
            margin-left: 20px;
        }

    .feature-wrap h2 {
        font-size: 18px;
    }

    .feature-wrap h3 {
        font-size: 14px;
    }

    .nav-tabs > li.active > a:after {
        display: none;
    }

    #footer .col-sm-6 {
        text-align: center;
    }

    #footer .pull-right {
        float: none !important;
    }

    .portfolio-item {
        padding: 10px 15px;
    }

	.slider-container {
		display: block;
	}

	#featured-products img {
		width: 100%;
	}

	#product-enquiry {
		width: 100%;
	}

	.overlay-404 {
		top: 170px;
		left: 0px;
	}

	#news-banner > h1 {
		top: -105px;
		font-size: 20px;
	}

	#news-list {
		top: -75px;
	}

	#news-list > div > img {
		float: none;
	}

	#divAuthor {
		top: -105px;
	}

	#news-article > img {
		width: 100%;
	}

	#news-nav {
		font-size: 14px;
		margin-bottom: 50px;
	}

	.header-title {
		font-size: 18px;
		margin-top: -10px;
	}

	.header-covid {
		display: none !important;
	}

	.header-covid-small {
		display: inline;
		left: 470px;
		top: 51px;
	}

	#diaCovidMessage > div > img {
		width: 100%;
	}

	.header-subtitle {
		font-size: 12px;
		left: 10px;
		top: 73px;
	}

	.links-PTL {
		left: 20%;
		top: 21%;
	}

	.links-PTLc {
		left: 38%;
		top: 21%;
	}

	.links-PTLsng {
		left: 55%;
		top: 25%;
	}

	.links-PTLs1 {
		left: 55%;
		top: 21%;
	}

	#hidemobile {
		display: none !important;
	}

	.hidemobile {
		display: none !important;
	}

	.hidedesktop {
		display: inline-block;
		margin: 25px 0px;
	}

	#divQuickLinks {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#divPTLTripods {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.tdOptImg > img {
		width: 150px;
	}

	.mobileFontSize {
		font-size: 14px;
	}

	.mobileTextSize {
		font-size: 12px;
	}

	.vidPDf {
		left: 310px !important;
	}

	.salesEnquiry {
		width: 335px;
		padding: 20px 0px;
	}

	#imgVSLS {
		width: 50% !important;
	}
}

/* XS Portrait */
@media (max-width: 480px) {
	.header-title {
		display: none !important;
	}

	.header-covid {
		display: none !important;
	}

	.header-covid-small {
		display: inline;
		left: 310px;	
		top: 25px;
	}

	#diaCovidMessage > div > img {
		width: 100%;
	}

	.header-subtitle {
		font-size: 12px;
		left: 185px;
		top: -37px;
		width: 150px;
	}

	.links-PTL {
		left: 21%;
		top: 27%;
	}

	.links-PTLc {
		left: 38%;
		top: 27%;
	}

	.links-PTLsng {
		left: 55%;
		top: 30%;
	}

	.links-PTLs1 {
		left: 55%;
		top: 27%;
	}
}
