/* < 1066px Layout */
@media only screen
and (max-width : 1130px) {
	.vticker, .vticker img {
		width: 130px !important;
	}
	
	#client-slider-container {
		margin: 40px 0px 0px 30px !important;
	}
	#main-nav a{
	    padding: 0 19px !important;
	}
	
	#gallery-container #gallery .gallery-item{
		width: 30% !important;
	}
	.width-container {
		width: 100% !important;
	}
}
@media only screen
and (max-width : 1066px) {
    .width-container {
        width: 100% !important;
    }
	.popup-container {
		width:50% !important;
	}
	
    .button-container {
        width: 668px;
        margin: 7px auto 0px;
    }

    #notched-line {
        margin: 50px auto 0px;
    }

    #service-description-container {
        margin: 0px auto 35px;
    }

    .parallax-container {
        background-position: 50% 36%;
    }

    .parallax1 .testimonial-container p {
        font-size: 20px;
    }

    #process-container {
        width: 100%;
        margin: 20px 0px 50px 0px;
        background: none;
        height: 100%;
    }

    .process-grid {
        text-align: justify;
    }

    .process-grid li {
        width: 25%;
        display: inline-block;
        float: left;
        text-align: center;
        position: static;
    }

    .process {
        margin: 0 auto;
    }

    #skills-container {
        margin: 0px 0px 60px 0px;
    }

    .collapsable-items-container {
        margin: 0px 0px 0px 0px;
    }

    .collapsable-items-container .collapsable-item .hidden-container p {
        margin: 20px 0px 0px 15px;
    }

    #team-container .team-member {
        width: 23.125%;
        margin: 2.539% 0px 130px 2.5%;
    }

    #team-container .team-member img {
        width: 100%;
    }

    .parallax2 .width-container h1 {
        font: 900 35px 'Source Sans Pro', 'serif';
    }

    .parallax2 .width-container h2 {
        font: 700 32px 'Source Sans Pro', 'serif';
    }

    .parallax2 .width-container p {
        width: 95%;
        font: 400 16px/20px 'Source Sans Pro', 'serif';
    }

    .parallax2 button {
        margin: 5% 0px 0px 0px;
    }

    #gallery-container .gallery-options button {
        padding: 12px 2% 8px;
        margin: 0px 0px 0px 3%;
        
    }

    #gallery-container .gallery-options:first-child {
        margin: 0px 0px 10px 0px;
    }

    #gallery-container .gallery-options {
        width: 100%;
    }

    #gallery-container .column-selector {
        float: right;
        clear: both;
    }

    #gallery-container .gallery-item-description {
        padding: 10px 0px;
    }

    #gallery-container .gallery-item-description p {
        font: 700 13px/15px ;
    }

    #gallery-container .plus-button {
        width: 60px;
        height: 60px;
        margin: 0px 0px 0px -30px !important;
        background-size: 60px 60px;
    }

    #gallery-container .three-cols .plus-button {
        top: 20px;
    }

    .parallax3 {
        background-position: 90% 50%;
    }

    #testimonials .testimonial p {
        font: 400 15px/20px 'Source Sans Pro', 'serif';
    }

    #testimonials .testimonial {
        margin: 40px 0px 0px 5%;
    }

    #testimonials {
        padding: 0px 0px 60px 20px;
    }

    .banner {
        font: 600 14px/25px 'Source Sans Pro', 'serif';
    }

    .banner button .icon-hand-right {
        display: none;
    }

    .banner button span:first-child {
        font: 700 20px/22px 'Source Sans Pro', 'serif';
        margin: 0;
        text-align: center;
        width: auto;
        float: none;
    }

    .contact-details ul li {
        width: auto;
    }

   
    .bx-wrapper {
        width: 565px !important;
        margin: 0 auto;
    }

    .bx-wrapper .bx-viewport {
        margin: 0px 0px 0px 0px !important;
    }

    .bx-wrapper .bx-prev {
        left: -45px !important;
    }

    .bx-wrapper .bx-next {
        right: -45px !important;
    }

    .gallery-inner-container {
        width: 76%;
        margin-left: -40%;
        top: 80px;
        height: 70%;
    }

    .portfolio-modal {
        padding: 20px 2%;
    }

    .portfolio-modal .image-area {
        margin: 0px 5.3% 0px 0px;
    }

    .portfolio-modal .image-area img {
        width: 100%;
		height:auto;
    }

    .portfolio-modal .details h2 {
        margin: 15px 0px 10px 0px;
        font: 700 19px 'Source Sans Pro', 'serif';
    }

    .portfolio-modal .details p {
        font: 300 14px/19px 'Source Sans Pro', 'serif';
        margin: 15px 0px 20px 0px;
    }

    .portfolio-modal .collapsable-items-container {
        width: 100%;
        clear: both;
        margin: 20px 0px 0px 0px;
    }

    .portfolio-modal .collapsable-items-container .collapsable-item h4 {
        font: 400 20px/26px 'Source Sans Pro', 'serif';
    }

    .portfolio-modal .collapsable-items-container .collapsable-item button {
        width: 20px;
        height: 20px;
        font: 900 21px 'Source Sans Pro', 'serif';
        line-height: 22px;
    }

    .portfolio-modal .collapsable-items-container .collapsable-item {
        padding: 0px 0px 6px 0px;
        margin: 19px 0px 0px 0px;
    }

    .portfolio-modal .hidden-container ul {
        font: 300 15px 'Source Sans Pro', 'serif';
    }

    .gallery-inner-container .close-button {
        margin: 2px 2px 0px 0px;
        position: absolute;
        right: 0px;
    }
	.vticker, .vticker img {
		width: 130px !important;
	}
	#testimonials .testimonial{
		width:40% !important;
	}
	#gallery-container #gallery .gallery-item{
		width: 30% !important;
	}
	
}

@media only screen
and (max-width : 900px) {
	#testimonials .testimonial{
		width:40% !important;
	}
	#client-slider-container {
		margin: 40px 0px 0px -20px !important;
	}	
	.vticker, .vticker img {
		width: 130px !important;
	}
	
	.tinynav {
        display: block;
		width: 100% !important;
		margin: 0px auto !important;
		background: rgba(46, 46, 46, 0) url("../img/arrow-dropdown.png") no-repeat 97% 50%;
		height: 35px;
		line-height: 35px;
		font: 600 14px 'Source Sans Pro', 'serif';
		padding: 9px 10px;
		color: #fff;
		border: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		border-radius: 0px;
		outline: 0;
		bottom: 0;
		position: absolute;
    }
	.popup-container {
		width:60% !important;
	}
	#gallery-container #gallery .gallery-item{
		width: 30% !important;
	}
}
/* < 800px Layout */

@media only screen
and (max-width : 800px) {
	.slider-image img{
		display:none;
	}
	.popup-container {
		width:60% !important;
	}
	#gallery-container #gallery .gallery-item{
		width: 30% !important;
	}
}
/* 768px < x < 1066px Layout */

@media only screen
and (max-width : 785px){
	#gallery-container #gallery .gallery-item{
		width: 45% !important;
	}	
}
@media only screen
and (max-width : 768px){
	
	#gallery-container #gallery .gallery-item{
		width: 45% !important;
	}
}
/* < 768px Layout */

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

    .options h5:first-child {
        display: none;
    }

    .options .menu-style {
        display: none;
    }


    .tinynav {
        display: block;
		width: 100% !important;
		margin: 0px auto !important;
		background: rgba(46, 46, 46, 0) url("../img/arrow-dropdown.png") no-repeat 97% 50%;
		height: 35px;
		line-height: 35px;
		font: 600 14px 'Source Sans Pro', 'serif';
		padding: 9px 10px;
		color: #fff;
		border: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		border-radius: 0px;
		outline: 0;
		bottom: 0;
		position: absolute;
    }

    /*.tinynav::-ms-expand {
        display: none;
    }*/

    #main-nav ul {
        display: none;
    }

    .button-container {
        width: 430px;
    }

    .button-container button {
        width: 74px;
        height: 74px;
        -webkit-border-radius: 37px;
        -moz-border-radius: 37px;
        border-radius: 37px;
        font-size: 34px;
    }

    .button-container .button1 button {
        margin: 50px 15px 0px 0px;
        padding: 0px 0px 0px 10px;
    }

    .button-container .button1 span {
        bottom: -22px;
        left: 41px;
    }

    .button-container .button2 button {
        margin: 25px 15px 0px 0px;
        padding: 2px 0px 0px 0px;
    }

    .button-container .button2 span {
        bottom: -24px;
        left: 30px;
    }

    .button-container .button3 button {
        margin: 9px 15px 0px 0px;
        padding: 1px 0px 0px 2px;
    }

    .button-container .button3 span {
        bottom: -28px;
        left: 23px;
    }

    .button-container .button4 button {
        margin: 25px 15px 0px 0px;
        padding: 2px 0px 0px 0px;
        font-size: 34px;
    }

    .button-container .button4 span {
        bottom: -26px;
        left: 11px;
    }

    .button-container .button5 button {
        margin: 50px 15px 0px 0px;/*margin: 50px 0px 0px 0px;*/
        padding: 0px 0px 10px 2px;
        font-size: 34px;
    }

    .button-container .button5 span {
        bottom: -23px;
        left: 2px;
    }

    #notched-line {
        width: 426px;
        background-size: 426px 494px;
    }

    #service-description-container {
        width: 100%;
    }

    #newsletter {
        width: 80%;
    }

    .process {
        width: 90px;
        height: 90px;
    }

    .process-wrap, .process-info {
        width: 70.5px;
        height: 70.5px;
    }

    .process-wrap {
        top: 10px;
        left: 10px;
    }

    .process-grid li {
        width: 25%;
        height: auto;
    }

    .process-info-front p {
        line-height: 70.5px !important;
        font-size: 14px !important;
    }

    .process-info-back p {
        font: 600 9px/10px 'Source Sans Pro', 'serif' !important;
        width: 90%;
    }

    .process-info-back p.threelines {
        padding-top: 20px;
    }

    .process-info-back p.fourlines {
        padding-top: 15px;
    }

    .parallax1 .testimonial-container {
        width: 455px;
        padding: 0px 0px 0px 15px;
    }

    .parallax1 .testimonial-container .quote-mark {
        font-size: 60px;
    }

    .parallax1 .testimonial-container p {
        width: 90%;
        line-height: 28px;
        font-size: 18px;
    }

    .parallax1 .testimonial-by-container {
        width: 23%;
        right: 10px;
    }

    .parallax1 .testimonial-by-container .testimonial-by {
        font-size: 18px;
    }

    .parallax1 .testimonial-by-container span {
        margin-left: 10px;
    }

    #gallery-container .two-cols .plus-button {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
        top: 25%;
        margin: 0px 0px 0px -25px !important;
    }

    .portfolio-modal {
        padding: 0px;
    }

    .portfolio-modal .image-area {
        width: 100%;
        margin: 20px auto 0px;
        float: none;
    }

    .portfolio-modal .details {
        width: 90%;
        margin: 0 auto;
        float: none;
    }

    .portfolio-modal .collapsable-items-container {
        width: 90%;
        clear: both;
        margin: 0 auto;
        float: none;
    }

	.slider-image img{
		display:none;
	}
	.popup-container {
		width:70% !important;
	}
	#gallery-container #gallery .gallery-item{
		width: 45% !important;
	}
}

/* < 600px Layout */

@media only screen
and (max-width : 600px) {
    #gallery-container .two-cols .plus-button {
        top: 10%;
    }
	.slider-image img{
		display:none;
	}
	#gallery-container #gallery .gallery-item{
		width: 45% !important;
	}
}
@media only screen
and (max-width : 599px) {
	#gallery-container #gallery .gallery-item{
		width: 100% !important;
	}
}
/* < 480px Layout */

@media only screen
and (max-width : 480px) {
   
    .button-container {
        width: auto;
    }

    .gallery-inner-container {
        height: 80%;
        padding: 20px 0px;
    }

    .row .heading-container h1 {
        padding-bottom: 5px;
        font-size: 46px;
    }

    .row .heading-container h2 {
    }

    .parallax3 .width-container p {
        width: 90%;
    }


    #service-description-container {
        width: 90%;
    }

    #newsletter {
        width: 80%;
    }

    #newsletter span:first-child {
        font-size: 17px;
    }

    #newsletter span {
        font-size: 17px;
    }

    .parallax1 {
        background-position: 64% 36%;
    }

    .parallax1 .testimonial-container .testimonial {
        width: 71%;
    }

    .parallax1 .testimonial-container {
        width: 400px;
    }

    .parallax1 .testimonial-by-container {
        width: 26%;
    }

    .parallax1 .testimonial-container p {
        font-size: 16px;
    }

    .parallax1 .testimonial-by-container .testimonial-by {
        font-size: 17px;
    }

    .parallax1 .testimonial-by-container .testimonial-by-location {
        font-size: 17px;
    }

    .parallax2 .width-container {
        padding-top: 15px;
    }

    .parallax2 .width-container h1 {
        font: 900 32px 'Source Sans Pro', 'serif';
    }

    .parallax2 .width-container h2 {
        font: 700 30px 'Source Sans Pro', 'serif';
    }

    .parallax2 .width-container p {
        font: 400 15px/18px 'Source Sans Pro', 'serif';
    }

 

    .portfolio-modal .image-area {
        margin: 0px auto;
    }

    footer #upper-footer .contact-details ul li .contact-detail {
        font-size: 13px;
    }

    .portfolio-modal {
        padding: 0px;
    }

    .gallery-inner-container .close-button {
        font-size: 17px;
        margin: -16px 0px -10px 0px;
        position: absolute;
        right: 0px;
        top: 20px;
    }
	.slider-image img{
		display:none;
	}
	
	
	
}
/*Start new css by team k*/
.row .heading-container table{
	margin:0px auto !important;
}
.row .heading-container table td{
	text-align:center !important;
}
.row .heading-container td h1 {
    font: 900 40px 'Core Sans N 95 Black', 'serif' !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
}
.collapsable-items-container .collapsable-item button i.fa-minus-circle{
	color:#01a97a !important;
}
.image-border, .mapping{
	border:1px solid rgba(0,0,0,.175) !important;
	border-radius:5px !important;
	box-shadow:0px 2px 8px rgba(0,0,0,.175) !important;
	padding:3px !important;
}
#client-slider-container .bx-wrapper .bx-controls-direction a {
    background-color: #01A97A !important;
	border-radius:4px !important;
}
.client-slider-container .bx-wrapper{
	max-width: 950px !important;
}
.bx-controls-direction a:last-child{
	margin-right: -25px !important;
}
.zero-marginleft{
	clear:both !important;
}
.contact-details ul li:first-child{
	border-top:none !important;
}
.input input, .textarea textarea{
	outline:0px !important;
	border-radius:4px !important;
}
.parallax-container button, #row6 form button{
	border-radius:4px !important;
}
.address-data p{
	text-align:justify !important;
}
.job-image{
	width:100% !important;
}
.tinynav option{
	color:#000;
}
.position-absolute{
	position:absolute;
}
/*End new css by team k*/