@media screen and (max-width: 980px) {
	#navToggle {
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	    -moz-transition: -moz-transform 0.5s ease;
	    -webkit-transition: -webkit-transform 0.5s ease;
	    -ms-transition: -ms-transform 0.5s ease;
	    transition: transform 0.5s ease;
	    left: 0;
	    top: 0;
	    z-index: 10001;
	    display: block;
	}
	
	#navToggle:hover {
		cursor: pointer;
	}
	
	#navToggle img{
		margin: 5px;
	}
	
	#navPanel {
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	    -moz-transform: translateX(-275px);
	    -webkit-transform: translateX(-275px);
	    -ms-transform: translateX(-275px);
	    transform: translateX(-275px);
	    -moz-transition: -moz-transform 0.5s ease;
	    -webkit-transition: -webkit-transform 0.5s ease;
	    -ms-transition: -ms-transform 0.5s ease;
	    transition: transform 0.5s ease;
	    display: block;
	    height: 100%;
	    left: 0;
	    overflow-y: auto;
	    top: 0;
	    width: 275px;
	    z-index: 10002;
	    background: #fff;
	    box-shadow: inset -3px 0px 0px 0px #dfdfdf;
	    padding: 0 10px 0 10px;
	}
	
	#navToggle .toggle {
	    width: 36px;
	    height: 36px;
	    opacity: 0.8;
	    display: block;
	    border: none!important;
	}

	h1{
		font-size:24pt;
		padding: 4px 0;
	}
	
	h2 {
		font-size: 15pt;
	}
	
	h3 {
		font-size: 11pt;
	}
	
	h4 {
		font-size: 10pt;
	}
	
	h5 {
		font-size: 12pt;
	}
	
	h6 {
		font-size: 9pt;
	}

	button.small {
	    font-size: 8pt;
	    border-radius: 4px;
	}

	button.medium{
		font-size: 9pt;
		font-weight: 500;
		border-radius: 6px;
	}
	
	button.large{
		font-size: 21pt;
		border-radius: 8px;
	}

	form input[type="text"], 
	form input[type="email"], 
	form input[type="password"], 
	form select, form textarea {
	    line-height: 1.2em;
	    padding: 2px 0.4em;
	}

	.label-xxxsmall{
		font-size:9pt;
	}
	
	.label-xxsmall{
		font-size:10pt;
	}
	
	.label-xsmall{
		font-size:11pt;
	}
	
	.label-small{
		font-size:12pt;
	}
	
	.label-medium{
		font-size:13pt;
		letter-spacing: 0.8px;
	}
	
	.label-large{
		font-size:18pt;
	}
	
	.label-xlarge{
		font-size:23pt;
	}
	
	.label-xxlarge{
		font-size:28pt;
	}
	
	.call-button{
		display: block;
	}
	
	.header .flex-box{
		display: block;
	}
	
	#searchDiv {
		width: 250px;
	    height: 26px;
	}
	
	#searchDiv input {
	    height: 24px;
	    font-size: 11pt;
	}

	.header #searchDiv .flex-box{
		display: flex;
	}	
	
	.background-div.alt-sayfa{
		background-size: 150% 100% ; 
	}
	
	.header .logo{
		text-align: center;
		margin-bottom: 20px;
	}
	
	.header .logo img{
		margin: 0 auto;
	}
	
	.header .flex-box .bize-ulasin,
	.header .header-links{
		display: none;
	}
	
	.header .sayfa-basligi h1 {
	    font-size: 24pt;
	}
	
	.header .sayfa-basligi img {
	    height: 36px;
	}

	.menu.opened{
		transform: translateX(260px);
	    -webkit-transform: translateX(260px);
	    transition: 0.8s;
	}

	.menu.closed {
		transform: translateX(-260px);
	    -webkit-transform: translateX(-260px);
	    transition: 0.8s;
	}
	
	.menu {
	    position: fixed;
	    top: 0;
	    /*right: calc(-100vw);*/
	    left: -260px;
	    height: 100%;
	    width: 260px;
	    border-radius: 0;
	    display: block;
	    margin: 0;
	}
	
	.menu .row > *{
		margin: 0;
	}
	
	.menu .box.header {
	    width: 100%;
	}
	.menu .row.kategoriler{
		padding-left: 12px;
		display: block;
	}
	
	.menu h1 {
	    height: 1em;
	}
	
	.menu .box { width: 100%; }
	.menu .box.header { display: flex; }
	.menu .box.header img:hover,
	.menu .box.header h1:hover { cursor: pointer; }
	#statik-linkler { display: flex; }
	
	.menu .label-xxxsmall {
	    padding-left: 12px; 
	}
	
	.menu h1 {
	    font-size: 10pt;
	}
	
	.menu .label-xxxsmall {
	    font-size: 9pt;
	}

	.label-xlarge {
	    font-size: 23pt;
	    letter-spacing: 1px;
	}
	
	.slider-area {
	    padding-top: 50px;
	}
	
	.video-konferans {
	    height: 590px;
	}
	
	.video-konferans h1 {
	    padding: 20px 0 22px 0;
	}
	
	.bilgi-merkezi-hp .label-xxxsmall {
	    font-size: 8pt;
	}
	
	.kamera .tabcontent .label-xsmall,
	.kamera .tabcontent a{
	    padding-right: 28px;
	}
	
	.kamera h1, .kamera h2 {
		font-weight: 400;
	}
	
	.innercontainer.narrow {
	    padding: 24px 24px;
	}
	
	.akilli-tahta .oklar {
	    display: none;
	}
	
	.akilli-tahta .col-6 {
	    width: 100%;
	}
	
	.akilli-tahta .box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
		height: auto;
	}
	
	.akilli-tahta .box-header {
	    background-position: 0 0;
	    height: 60px;
	    background-size: auto 100%;
	    padding-left: 60px;
	    margin-top: 30px;
	}

	.akilli-tahta .box .ana-resim{
		width: 46%;
	}
	
	.akilli-tahta .box section{
		width: 54%;
		padding: 20px 10px 0px 40px;
	}
	
	.akilli-tahta button {
	    margin-top: 20px;
	}
	
	.akilli-tahta .box-header h2{
		text-align: left;
	}

	.referanslar .col-4 {
	    padding: 0 8px;
	}

	.referanslar .box {
		padding: 28px 10px 20px 10px;
	}

	.referanslar .box p {
	    width: 70%;
	}
	
	.referanslar .box a {
	    width: 30%;
	}
	
	.referanslar img {
	    padding-bottom: 12px;
	}
	
	.footer .logo {
	    height: 162px;
	    padding: 12px 12px 0 0;
	}
	
	.footer .logo img {
	    scale: 1;
	    width: 100%;
	}
	
	.footer .col {
	    padding: 8px 4px 0 12px;
	}

	.footer .label-small {
	    font-size: 12pt;
	}
	
	.footer .icon-social {
	    width: 26px;
	    margin-right: 8px;
	    margin-top: 5px;
	}
	
	.header .sayfa-basligi img {
	    width: auto;
	}
	
	.filter-handle{
		display: block;
		left: calc(-1 * (100vw - 800px) / 2 + 8px);
	} 
	
	.filtre{
		position: fixed;
		top:0;
		width: 300px;
		min-height: 100%;
		border: 0.6px solid var(--yellow);
		transform: translateX(-400px);
	    -webkit-transform: translateX(-400px);
	    transition: 0.8s;
	    overflow-y: scroll;
	    scrollbar-width: thin;
	    padding-top: 4px;
	    z-index: 10010;
	}
	
	.filtre .options{
		padding: 20px;
	}
	
	.filtre.active{
		transform: translateX(calc(-1 * (100vw - 800px) / 2 + 3px))!important;
	    -webkit-transform: translateX(calc(-1 * (100vw - 800px) / 2 + 3px))!important;
	    transition: 0.8s;
	}
	
	#filter-close-button{
		display: flex;
		margin-top: 5px;
		margin-right: 5px;
	}
	
	.products {
	    width: 543px;
	    padding: 20px 0 52px 0;
	}
	
	.products .box {
	    width: 172px;
	    height: 230px;
	    margin: 0 5px 12px 4px;
	    padding: 10px 10px 12px 10px;
	}

	.products .box .label-xxsmall {
	    font-size: 9pt;
	}
	
	.carousel {
	    width: 300px;
	    height: 175px;
	}
	
	.urun-detay h1 {
	    font-size: 23pt;
	}
	
	.urun-detay h2 {
	    font-size: 14pt;
	}
	
	.urun-detay .label-medium {
	    font-size: 12pt;
	}
	
	.urun-detay .genel-bilgi{
		padding-left: 336px;
		margin-bottom: 10px;
	}
	
	.urun-detay .urun-aciklamasi h1{
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.bookmark .box {
	    width: 146px;
	    height: 32px;
	    margin-bottom: 6px;
	}
	
	.filter-handle i{
		font-size: 14pt; 
	}
	
	.bilgi-merkezi .left-side{
		width: 257px;
		left: 0;
		padding: 10px 10px 20px 20px;
		transform: translateX(-400px);
	    -webkit-transform: translateX(-400px);
	}
	
	.bilgi-merkezi .left-side.filtre.active{
		transform: translateX(-5px)!important;
	    -webkit-transform: translateX(-5px)!important;
	    transition: 0.8s;
	}
	
	.bilgi-merkezi .left-side .label-xxsmall {
	    font-size: 8pt;
	}
	
	.bilgi-merkezi .left-side .label-xxxsmall {
	    font-size: 7pt;
	}
	
	.bilgi-merkezi .left-side .label-small {
	    font-size: 10pt;
	}
	
	.bilgi-merkezi .left-side .favorites,
	.bilgi-merkezi .left-side .keywords {
	    margin-top: 24px;
	    padding-top: 0;
	}
	
	.iletisim-form {
	    padding: 12px 20px 30px 28px;
	}
	
	.iletisim .row.background {
	    background-size: 54% auto;
	}
	
	.iletisim textarea {
    	line-height: 1.1em;
	}
	
	.iletisim-form .row {
	    padding: 2px 0;
	}
	
	.iletisim-bilgi {
	    padding: 20px 0px 20px 0px;
	}
	
	.iletisim-bilgi .row {
	    height: 62px;
	}
	
	.iletisim-bilgi .label-small {
	    padding-left: 12px;
	}
	
	.iletisim button.medium {
	    padding: 5px 18px;
	    font-size: 11pt;
	}
	
	#bm-makale h1 {
	    font-size: 22pt;
	}
	
	#bm-makale h2 {
	    font-size: 15pt;
	    margin-bottom: 12px;
	}
	
	#bm-makale .bolum {
        margin-bottom: 30px;
    }
	
	#bm-makale .label-medium {
	    font-size: 13pt;
	}
	
	#bm-makale .slogan p {
	    font-size: 1.4em;
	    padding: 8px;
	}
	
	#bm-makale ul li {
	    font-size: 13pt;
	}
	
    #bm-makale .metin-alti-gorsel {
        margin-bottom: 24px !important;
    }
    
	.blue-number-indicator li{
	    margin-top: 6px;
	}
	
	.tr-en{
		padding-left: 6px;
	}
	
	#teknikform{
		width: 600px;
	}
	
	.microphone-mist .col-7,
	.microphone-mist .col-5{
		width: 100%;
		padding: 0 2% 20px 2%;
	}
	
	.microphone-mist .icons img{
		width: 80px;
	}
}

@media screen and (max-width: 850px) {
	.innercontainer{
		width: 90%;
	}
	
	h1{
		font-size:22pt;
	}
	
	h2 {
		font-size: 13pt;
	}
	
	h3 {
		font-size: 10pt;
	}
	
	h4 {
		font-size: 9pt;
	}
	
	h5 {
		font-size: 12pt;
	}
	
	h6 {
		font-size: 8pt;
	}

	
	button.large{
		font-size: 20pt;
		border-radius: 8px;
	}
	
	.label-large{
		font-size:17pt;
	}
	
	.label-xlarge{
		font-size:22pt;
	}
	
	.label-xxlarge{
		font-size:27pt;
	}
	
	.row.biz-kimiz {
		width: 100%;
		justify-content: center;
	}
	
	.biz-kimiz.box {
	    height: 200px;
	    width: 205px;
	    padding: 28px 10px 5px 10px;
	    margin: 8px 6px;
	}
	
	.biz-kimiz .label-small {
	    font-size: 9pt;
	}
	
	.biz-kimiz.box.son {
	    padding: 24px 16px 0px 16px;
	}

	.biz-kimiz.box.son .label-small {
	    line-height: 1.1em;
	    margin-bottom: 12px;
	}
	
	.biz-kimiz.box.son .label-xxsmall {
	    margin-bottom: 16px;
	}
	
	.biz-kimiz.box:hover{
		cursor: pointer;
	}
	
	.biz-kimiz.box.ilk {
	    width: 100%;
	    height: auto;;
	}
	
	.biz-kimiz.box.ilk h1{
		text-align: center;
	}
	
	.biz-kimiz.box.ilk h1 br{
		display: none;
	}
	
	.biz-kimiz.box.ilk .label-xxsmall{
		text-align: center;
		font-size: 13pt;
		padding: 0 40px;
	}
	
	.flex-box.brands{
		flex-wrap: wrap;
	    box-sizing: border-box;	
	    justify-content: center;     
	}
	
	.flex-box.brands a {
	    padding: 6px 0;
	    max-width: 25%;
	}

	.brands img {
	    width: 70%;
	}
	
	.call-button{
    	width: 42px;
	}
	
	.video-konferans h1 {
	    padding: 16px 0 18px 0;
	}
	
	.biz-kimiz h1 {
	    font-size: 24pt;
	}
	
	.bilgi-merkezi-hp{
		height:250px;
		padding-top: 16px;
	}
	
	.bilgi-merkezi-hp .baslik{
		width: 140px;
		top: 58%;
	}
	
	.bilgi-merkezi-hp .baslik .label-xxlarge{
		font-size: 22pt;
		padding: 8px 0;
		margin-bottom: 6px;
	}
	
	.bilgi-merkezi-hp .baslik .label-large{
	    font-size: 10pt;
	}
	
	.bilgi-merkezi-hp .baslik hr{
		--inner-margin: 8px;
		width: 22px;
	}
	
	.bilgi-merkezi-hp .baslik .label-xxsmall {
	    margin-top: 32px;
	}
	
	.bilgi-merkezi-hp img{
		margin-bottom: 40px;	
		width: 10%!important;
	}
	
	.bilgi-merkezi-hp .img-sag{
		margin-left: 12px;
	}
	
	.bilgi-merkezi-hp .img-sol{
		margin-right: 12px;
	}
	
	.bilgi-merkezi-hp .label-medium {
    	font-size: 10pt;
	}
	
	.bilgi-merkezi-hp .baslik hr{
		--inner-margin: 4px;
		width: 24px;
	}
	
	.kamera .tabcontent a {
	    padding-top: 4px;
	}
	
	.akilli-tahta .box .ana-resim{
		width: 40%;
	}
	
	.akilli-tahta .box {
	    padding: 10px 0px 10px 12px;
	}
	
	.akilli-tahta .box section{
		width: 60%;
		padding: 16px 10px 0px 30px;
	}
	
	.akilli-tahta .label-small {
	    letter-spacing: 0.3px;
	    margin-bottom: 5px;
	    font-size: 10pt;
	}

	.referanslar img {
	    padding-bottom: 12px;
	}
	
	.referanslar .box {
		padding: 12% 10px 6% 10px;
		height: 34%;
	}
	
	.referanslar .col-4 {
	    padding: 0 4px;
	}
	
	.referanslar .label-small {
	    font-size: 10pt;
	    padding: 10px 6px 0 2px;
	}
	
	.referanslar h2 {
	    font-size: 13pt;
	    padding: 20px 10px 0 10px;
	}
	
	.footer .logo{
		width: 24%;	
	}
	
	.footer .col {
	    padding: 8px 4px 0 16px;
	}

	.footer .row.links{
		width: 76%;
	}
	
	.footer .label-xxxsmall {
	    font-size: 8pt;
	    font-weight: 400;
	    padding: 3px 1.5px;
	}
	
	.footer .label-small {
	    font-size: 11pt;
	}
	
	.footer .icon-social {
	    width: 25px;
	    margin-right: 6px;
	    margin-top: 3px;
	}
	
	.footer .copyright .col-4,
	.footer .copyright .col-8{
		width: 100%;
	}
	
	.footer .row.copyright .row {
	    float: left;
	}
	
	.hakkimizda .box{
		height: 260px;
		width: 506px;
		padding: 0 40px 0 40px;
		margin: 20px 18px 20px 18px;
		background-image: url(../../images/adam-bilisim-hakkinda-yatay.webp);
	}
	
	.hakkimizda .box.orta{
		background-image: url(../../images/adam-bilisim-hakkinda-2-yatay.webp);
	}
	
	.hakkimizda hr {
	    --outer-margin: 36px;
	    --inner-margin: 16px;
	    height: 4px;
	    width: 150px;
	}
	
	.basinda-biz {
	    width: 580px;
	}
	
	.basinda-biz .metin {
	    padding: 24px 42px;
	}
	
	.basinda-biz .label-medium {
	    font-size: 13pt;
	}
	
	.basinda-biz .metin .label-small {
	    font-size: 12pt;
	}
	
	.filter-handle{
		left: calc(-1 * 5vw);
	} 
	
	.filtre.active{
		transform: translateX(calc(-1 * (100vw - 90vw) / 2 - 4px))!important;
	    -webkit-transform: translateX(calc(-1 * (100vw - 90vw) / 2 - 4px))!important;
	}
	
	.kategori h4 {
	    font-size: 11pt;
	    padding-right: 70px;
	    padding-left: 70px;
	}


	.kategori-text .right-text, 
	.kategori-text .left-text {
	    width: 50%;
	}
	
	.kategori-text .row .image-div{
	    width: 50%;
	}	
	
	.kategori-text .row img {
	    width: 100%;
	}
	
	.kategori-text h3 {
	    font-size: 12pt;
	    letter-spacing: normal;
	}
	
	.kategori-text .label-medium {
		font-size: 11.5pt;
		letter-spacing: 0.2px;
	}
	
	.kategori-text {
	    padding: 50px 0 35px 0;
	}
	
	.urun-detay h1 {
	    font-size: 23pt;
	}
	
	.urun-detay h2 {
	    font-size: 13pt;
	    margin-bottom: 6px;
	}
	
	.urun-detay .label-medium {
	    font-size: 12pt;
	    line-height: 1.3em;
	}
	
	
	.urun-detay .aksesuarlar .box {
	    width: 150px;
	    margin: 0 6px 10px 6px;
	    padding: 0.5em;
	}

	.label-medium {
	    padding-top: 8px;
	}
	
	.urun-detay .urun-aciklamasi .text.right-side {
	    padding: 0 8px 0 10px;
	}
	
	.urun-detay .urun-aciklamasi .text.left-side {
	    padding: 0 10px 0 8px;
	}
	
	.urun-detay .urun-bolumu {
	    padding: 0px 0 40px 0;
	}

	.urun-detay .dokumanlar .urun-bolumu p {
	    margin-right: 12px;
	    margin-bottom: 10px;
	    font-size: 11pt;
	}
	
	.referans .box {
	    margin: 8px 5px;
	    width: 150px;
	    height: 125px;
	    padding: 8px 12px 2px 12px;
	}
	
	.distributor .box,
	.distributor .box.sag {
	    width: 600px;
	    height: 175px;
	    margin: 88px auto;
	    padding: 8px;
	}
	
	.distributor .box.sol .image {
	    left: -18px;
	}
	
	.distributor .box.sag .image {
		right: -18px;
	}
	
	.distributor .box .image {
		top: -32px;
	    width: 178px;
	    height: 214px;
	}
	
	.distributor .box .content {
	    padding: 22px 16px;
	    width: 424px;
	}
	
	.distributor .box .content .label-medium br {
	 	display: none;
	}
	
	.distributor .box .label-medium {
	    font-size: 10pt;
	    margin-top: 10px;
	}
	
	.distributor .box.sol .image {
	    padding: 24px 19px 24px 16px;
	}
	
	.distributor .box.sag .image {
	    padding: 24px 16px 24px 19px;
	}
	
	.iletisim .label-medium{
		padding: 0;
	}
	
	#bm-makale h1 {
	    font-size: 18pt;
	}
	
    #bm-makale .bolum {
        margin-bottom: 20px;
    }
	
	#bm-makale .label-medium {
	    font-size: 13pt;
	    line-height: 1.4em;
	}
	
	#bm-makale .slogan p {
	    font-size: 1.3em;
	    padding: 8px;
	}
	
	#bm-makale iframe{
		height: 400px;
	}
	
	#bm-makale .ilgili-urun-container{
		padding: 0 0;
	}

	#bm-makale .ilgili-urun-container .box{
		width: 150px; 
		height: 184px; 
		margin: 20px auto 15px auto; 
		padding: 0 0px 0px 28px; 
	}
	
	#bm-makale .ilgili-urun-container .box img{
		width: 86%!important;
	}
	
    #bm-makale .metin-alti-gorsel {
        margin-bottom: 18px !important;
    }
	
	/* İKON VE ALTLARINDA YAZILARDAN OLUŞAN ROWLAR İÇİN */
		.row.icon img{
	  		/*max-width: 60px;*/
		}
	/* END OF: İKON VE ALTLARINDA YAZILARDAN OLUŞAN ROWLAR İÇİN */

	.youtube{
		width: 660px;
		height: 372px;
	}
	
	.microphone-mist .row.icons{
		padding: 0 10%;
	}
	
	.microphone-mist .col-3{
		width: 50%;
		margin-bottom: 10px;
	}
	
	.visible-850-plus{
		display: none!important;
	}
	
	.invisible-850-plus{
		display: block!important;
	}
	
	.col-4{
		width: 80%!important;
	}
	
	.right-left{
		text-align: left!important;
	}
}