/* Large Devices, Wide Screens */
@media only screen and (max-width: 1600px){

	.home-top-txt {
		width: 70%;
	}


}

@media only screen and (max-width: 1440px){
	
	.team-txt {
		left: 150px;
	}
	
	.slider-team .slick-prev.slick-arrow {
		right: 150px;
	}
	
	.slider-team .slick-next.slick-arrow {
		right: 150px;
	}

	
	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1340px){

	.global-img2 {
		width: 100%;
		right: 0;
	}
	
	.global-img {
		width: 100%;
		left: 0;		
	}

}



/* Large Devices, Wide Screens */
@media only screen and (max-width: 1280px){
	
	.slider-team .slide {
		height: 640px;
	}

}


/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px){
	.show-main-nav {
		height: 45px;
		right: 20px;
	}

	.show-main-nav:hover {
		color: #ffffff;
	}

	.navbar .navbar-brand {
		padding: 10px 0 0 0;
	}

	.navbar.sticky {
		padding: 0 20px;
	}

	.search .search-field::after {
		top: 24px;
	}

	.home-top-txt .title {
		font-size: 50px;
	}
	
	.subtxt-global {
		padding-right: 50px;
	}
	
	.footer span {
		margin: 10px 0;
		display: block;
		text-align: center;
	}	
	
	.benefiti {
		width: 50%;
	}
	
	.benefiti:first-child {
		margin-bottom: 20px;
	}	
	
	.benefiti:nth-child(2) {
		margin-bottom: 20px;
	}

	.benefiti:nth-child(3) {
		border-left: 0;
	}	
	
	.job-section {
		padding: 60px 0;
	}
	
	.content-job {
		margin-bottom: 60px;
	}

	.opis-section { 
		height: auto;
	}

	.open-positions-section {
		padding: 50px 0;
	}

	.open-positions {
		bottom: 60px;
		font-size: 14px;
		white-space: nowrap;
	}

	a.open-pos {
		height: 180px;
	}

	.title-global {
		margin-bottom: 40px;
	}

	
}

@media only screen and (max-width: 1024px) {
	
	.slider-team .slide {
		height: 540px;
	}	
	
	.team-txt {
		left: 40px;
	}	
	
	.slider-team .slick-prev.slick-arrow {
		right: 40px;
	}
	
	.slider-team .slick-next.slick-arrow {
		right: 40px;
	}	
	
}


/* Medium Devices, Desktops */
@media only screen and (max-width: 991px){
	.navbar.sticky {
		padding: 0 20px;
	}

	.home-top-txt {
		width: 100%;
		padding: 0 40px;
	}
	
	.team-txt {
		width: 70%;
	}
	
	.icon-holder {
		left: 30px;
	}
	
	.pos-txt {
		left: 180px;
	}
	
	.subtxt-opis {
		font-size: 16px;
		line-height: 24px;
	}

	.subtxt-global {
		padding-right: 0;
	}

	.benefiti {
		height: 170px;
	}

	.presenting-section {
		padding: 60px 0;
	}

	.text-left-img-right,
	.why-globaldizajn-section,
	.featured-shops,
	.shop-form {
		padding: 0 0 60px 0;
	}

	.features {
		padding: 60px 0;
		margin: 0 0 60px 0;
	}

	.text-left-img-right .col-md-6.col-sm-12.col-xs-12 img {
		margin: 30px auto 0 auto;
	}
	
	.features .col-sm-12:first-of-type .features-wrapper {
		margin: 0 0 30px 0;
	}

	.footer {
		padding: 20px 0;
	}

	a.btn-prijava {
		margin: 20px auto 0 auto;
	}

	.section-desc {
		padding: 0;
	}

	.why-globaldizajn-section img {
		max-width: 50%;
		margin: 20px auto 0 auto;
	}
	
}

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

	.navbar > .container-fluid .navbar-brand {
		padding: 14px 0 0 0;
	}

	.show-main-nav {
		right: 10px;
	}

	.navbar.sticky .navbar-brand {
		margin: 1px 0 0 0;
	}

	.home-top-txt {
		padding: 0 20px;
	}

	.home-top-txt .title {
		font-size: 32px;
		line-height: 36px;
	}
	
	.home-top-txt .subtxt {
		font-size: 18px;
		line-height: 24px;
		margin-top: 16px;
	}

	.home-top {
		height: 300px;
		padding-top: 40px;
	}

	.home-top-txt {
		top: 55%;
	}

	.opis-section {
		padding: 60px 0;
		height: auto;
		background-position: left center;
	}
	
	.title-opis {
		font-size: 34px;
		line-height: 42px;
		margin-bottom: 20px;
	}
		
	.title-global {
		font-size: 34px;
		line-height: 42px;
		margin-bottom: 30px;		
	}
	
	.slider-team .slide {
		height: 420px;
	}	
	
	.team-txt {
		left: 0;
		width: 100%;
		padding: 0 30px;
	}	
	
	.saywhat {
		margin-bottom: 20px;
	}
	
	.team-comment {
		margin-top: 20px;
	}
	
	.slider-team .slick-prev.slick-arrow {
		right: auto;
		left: 40%;
		border: 0;
		top: auto;
		bottom: 0;
		width: 60px;
	}
	
	.slider-team .slick-prev.slick-arrow::after { 
		margin-left: -12px;
	}	
	
	.slider-team .slick-next.slick-arrow {
		left: auto;
		right: 40%;
		border: 0;
		top: auto;
		bottom: 0;
		width: 60px;
	}

	.slider-team .slick-next.slick-arrow::after { 
		margin-top: 5px;
		margin-left: -13px;
	}	
	
	.team-comment {
		font-size: 16px;
		line-height: 24px;
	}
	
	.team-name {
		font-size: 32px;
	}

	.title-pos {
		font-size: 20px;
		line-height: 24px;
	}
	
	.title-opis {
		font-size: 24px;
		line-height: 30px;
	}

	.title-global,
	.title-presenting,
	.features-wrapper .title-global {
		font-size: 27px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	
	.global-img2 {
		display: none;
	}

	.open-positions-section {
		padding: 10px 0 60px 0;
	}

	a.open-pos {
		height: auto;
		margin-top: 50px;
		text-align: center;
	}
	
	a.open-pos:hover {
		box-shadow: none;
	}
	
	.more-pos {
		right: auto;
		left: 0;
		top: auto;
		bottom: -30px;
		transform: none;
	}	
	
	.pos-txt {
		width: 70%;
		top: 30px;
		transform: none;
	}
	
	.subtxt-pos {
		font-size: 15px;
		line-height: 24px;
	}
	
	.icon-holder {
		left: auto;
		position: relative;
		transform: none;
		width: 97px;
		height: 97px;
		top: 0;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	
	.icon-holder-inner {
		width: 87px;
		height: 87px;
	}
	
	.pos-txt {
		width: 100%;
		padding: 0 40px;
		text-align: center;
		left: 0;
		top: auto;
		position: relative;
	}
	
	.more-pos {
		display: none;
	}
	
	.content-job {
		font-size: 44px;
	}
	
	a.go-back {
		margin-left: 20px;
	}
	

	.contact-info-wrapper {
		margin: 30px 0 0 0;
		padding: 0;
	}

	.opis-txt.first {
		margin: 0 0 40px 0;
	}

	.social {
		margin: 0;
	}

	.side-boxes {
		top: auto;
		transform: none;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		justify-content: center;
	}

	.side-boxes ul li {
		display: inline-block;
		text-align: center;
		right: auto;
		padding: 0 30px;
		transition: none;
		border-radius: 12px 12px 0 0;
	}

	.sb_contact img {
		width: 22px;
		height: auto;
	}

}

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

	a.logo {
		width: 65px;
		height: 65px;
		padding-top: 10px;
	}

	a.logo img {
		width: 26px;
		height: auto;
	}	
	
	.slider-team .slick-prev.slick-arrow {
		left: 35%;
	}
	
	.slider-team .slick-next.slick-arrow {
		right: 35%;
	}
	
	.benefit-txt {
		font-size: 15px;
	}

	.home-top-txt {
		padding-top: 0;	
	}
	
	.home-top.subpage {
		height: 185px;
	}
	
	a.logo.pod {
		padding-top: 18px;
	}
	
	a.go-back {
		top: 84px;
	}	

	.pos-txt {
		padding: 0;
	}
	
	.opis-section {
		height: auto;
	}
	
	.content-job {
		font-size: 32px;
	}	
	
	/* zbog fiksnog kontakta na dnu stranice */
	.fixed_contact {
		padding-bottom: 70px;
	}

}



/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px){
	
	.slider-team .slick-prev.slick-arrow {
		left: 30%;
	}
	
	.slider-team .slick-next.slick-arrow {
		right: 30%;
	}
	
	.saywhat {
		display: none;
	}

	.slider-team .slick-prev.slick-arrow {
		bottom: -20px;
	}
	
	.slider-team .slick-next.slick-arrow {
		bottom: -20px;
	}

	.benefiti {
		width: 100%;
		border: 0;
		padding: 10px;
		border-top: 1px solid #dedede;
		margin-bottom: 0;
		height: auto;
	}
	
	.benefiti:first-child {
		border-top: 0;
		padding-top: 0;
		margin-bottom: 10px;
	}

	.benefiti:nth-child(2),
	.benefiti:nth-child(3) {
		padding-top: 10px;
		margin-bottom: 10px;
	}

	.benefiti:nth-child(4) {
		padding-top: 10px;
		margin-bottom: 0;
	}
	
	.subtxt-pos {
		font-size: 15px;
		line-height: 22px;
		margin-top: 15px;
	}	
	
	.title-opis {
		margin-bottom: 15px;
	}
	
	.slider-team .slick-dots {
		bottom: 20px;
	}
	
	.slider-team .slick-dots li button::before {
		color: #fff;
		font-size: 13px;
	}
	
	.home-top.subpage {
		padding-top: 30px;
	}	
	
	a.go-back {
		top: 126px;
		left: 50%;
		margin-left: -85px;
	}	

	.job-section {
		padding: 40px 0;
	}

	.content-job,
	.job-img {
		margin-bottom: 40px;
	}

	.job-section h3 {
		font-size: 24px;
		margin: 48px 0 24px 0;
	}

	.job-forma { 
		margin-top: 40px;
	}

	.job-forma .holder_login {
		margin-bottom: 32px;
	}

	.display-as-table { 
		display: block;
	}
	
	.display-as-table .label_login,
	.display-as-table .holder-login-inline {
		display: block;
	}
	
	.display-as-table .label_login {
		width: 100%;
		margin-bottom: 16px;
	}

    .job-forma .captcha-img {
        padding-left: 20px;
    }

    .holder_login textarea {
        margin-bottom: 0;
    }

    .submit-forma {
        margin: 30px 0 0 0;
    }

	.presenting-section {
		padding: 40px 0;
	}

	.features {
		padding: 40px 0;
		margin: 0 0 40px 0;
	}

	.text-left-img-right,
	.why-globaldizajn-section,
	.featured-shops,
	.shop-form {
		padding: 0 0 40px 0;
	}

	.benefiti .benefit-big {
		font-size: 40px;
	}

	.benefit-txt {
		margin: 5px 0 0 0;
	}

	a.btn-prijava {
		width: 100%;
	}

	.why-globaldizajn-section img {
		max-width: 70%;
	}

	.sb_contact img {
		width: 20px;
	}

	.side-boxes ul li span {
		font-size: 14px;
	}

}


@media only screen and (max-width: 390px){
	.kontrola .col-xs-8,
    .kontrola .col-xs-4 {
        width: 50%;
	}

    .kontrola .label_login {
        line-height: 1.2;
    }

    .job-forma .captcha-img {
        padding-top: 10px;
    }

}