@media (max-height:750px){
	.fullscreen .container, 
	.fullscreen .container-fluid {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.menu-bar ul li a{ background-size:120px  }
}

@media (max-height:650px){
	.next-section{ bottom: 20px; }
	.next-section .icons{
		-webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
	}
}

@media (max-height:600px){}

@media (max-width: 1400px) {
	.container-fluid{
	    padding-left: 15px;
	    padding-right: 15px;
	    width: 970px;
	}
}

@media (min-width: 993px) and (max-width: 1400px) {
	
	.page-nav li a{ font-size: 38px; padding-top: 5px; padding-bottom: 5px }
	/*.tab-info-wrap .nav-tabs li a{
		padding: 10px 10px;
		font-size: 20px;
	}
	.datasheet span{
		height: 75px;
		line-height: 75px;
		font-size: 18px;
	}*/

	.copyright{ padding-left: 130px }

	.btn,
	.datasheet span,
	.tab-info-wrap .nav-tabs li a,
	.ip-content-wrap .nav-tabs li a{
		height: 65px;
		line-height: 65px;
		font-size: 20px;
	}
	.btn-diagram{
		max-width: 250px;
		left: -50px;
		bottom: 50px;
	}


	/*.datasheet a + a:before{ top: 29px }*/

	.features-article{ height: 370px }

	.contactus-wrap{ margin-left: -50px }
	.contactus-item h3{ font-size: 25px; }
	.contactus-item p{ font-size: 20px }

	.section-inner{ top: 55% }
}

@media (min-width: 993px) and (max-width: 1200px) {
	.header .container-fluid {
	  padding-right:30px;
	  padding-left: 30px;
	}
	.btn-diagram{ left: -20px; }
	.diagram-wrap{ max-width: 355px; }
	.section-diagram .col-sm-7{ height: 445px; }

	.copyright{ max-width: 500px; }
}

@media (min-width: 768px) and (max-width: 992px) {
	.logo-site{ right:50px  }
	.logo-site a{
		height: 42px;
    	width: 170px;
	}
	.container-fluid{
	    padding-left: 15px;
	    padding-right: 15px;
	    width: 750px;
	}
	.header .container-fluid {
	  padding-right:50px;
	  padding-left: 50px;
	}

	.menu-list ul li a{
		font-size: 30px;
		line-height: 1.4;
		padding-top: 5px;
		padding-bottom:5px; 
	}

	.section-title{
		font-size: 40px;
	}

	.tab-info-wrap,
	.ip-content-wrap{ width: 100% }

	.diagram-article{
		top: 0%;
	    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
	}

	.section-diagram .col-sm-7{ height: auto; }

	.btn,
	.datasheet span,
	.tab-info-wrap .nav-tabs li a,
	.ip-content-wrap .nav-tabs li a{
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}
	.btn-diagram{
		max-width: 200px;
		left: -30px;
		bottom: 30px;
	}

	.page-nav li a{ 
		line-height: 1.3;
		padding-top:5px;
		padding-bottom:5px; 
		font-size: 38px;
	}

	/*.datasheet a + a:before{ top: 22px; }*/

	.contactus-wrap{ margin-left: -20px; }
	.section-contactus .section-inner{ left: 0; padding-left: 35px }

	.contactus-item{ padding-left: 75px }
	.contactus-item .icons{
		-webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
	}
	.contactus-item h3{
		font-size: 25px;
	}
	.contactus-item p{
		font-size: 20px;
	}
	.contactus-item p.address{
		font-size: 16px
	}

	.copyright{padding-left: 110px;}

	.modal-header-left h2{font-size: 35px;}
	.modal-nav li{ font-size: 20px }
	.modal .table-features tr th,
	.modal .table-features tr td{
		width: 100%;
		display: block;
	}
	.modal .table-features tr th{ padding-bottom: 10px; }

	.model-row .title{ font-size: 18px }
	.model-thumb .pm-icons{ left: 0 }
	.model-photo figcaption{ font-size: 14px }

	.screenshot{ margin-top: 45px }
	.screenshot figure.big-space{padding:30px;}

	.section-features{
		height: auto !important;
	}
 	.section-features .section-inner{
 		position: relative;
		top: 0;
		left: 0;
		right: 0;

		padding-top: 160px;
		padding-bottom:120px; 

		-webkit-transform: translateY(0%);
		  -ms-transform: translateY(0%);
		  transform: translateY(0%);
 	}

 	.copyright{
 		padding-left: 50px
 	}
 
}

@media (max-width: 992px){
	.header{ display: none; }
	.menu-btn.in-section{ display: none; }
	.menu-wrapper{
		width: 100%;

		-webkit-transform: translateY(0) translateX(-100%);
      -ms-transform: translateY(0) translateX(-100%);
          transform: translateY(0) translateX(-100%);
	}
	.menu-wrapper.stuck{
		-webkit-transform: translateY(0) translateX(-100%);
      -ms-transform: translateY(0) translateX(-100%);
          transform: translateY(0) translateX(-100%);
	}
	.menu-bar{ border: 0 }
	.menu-bar ul{ display: none; }
	.menu-wrapper .menu-btn .icon-menu{ opacity: 0; visibility: hidden; }

	.menu-list ul{ left: 0 }

	.menu-btn.in-section{ display:block; }
	.menu-open .menu-btn.in-section .icon-menu{  }
	.menu-open .menu-btn-in-section .icon-menu-close{ display: none; }

	.menu-open .menu-wrapper.stuck,
	.menu-open .menu-wrapper{
		left: 0;
		opacity: 1; 
		 -webkit-transform: translateY(0) translateX(0px);
	      -ms-transform: translateY(0) translateX(0px);
	          transform: translateY(0) translateX(0px);
	}

	.menu-open .menu-overlay{ display: none; }
	.menu-open .header{ z-index: 9 }

	.close{
		width: 35px;
		height: 35px;
		top: 15px;
		right: 35px;
	}
	.close:before,
	.close:after{
		width: 18px;
		margin-left: -9px;
	} 
	.fancybox-buttons .close{ right: 15px }
	.table-header-wrap{ padding-top: 15px; padding-bottom: 15px }
	.table-body-wrap table td{ font-size: 16px }
	.table-header-wrap table th{ font-size: 40px }

	
	.features-article{ height: auto; margin-right: 0px }
	.features-article-inner{ padding-right: 0 }
	.features-article.scrollbar > .scroll-element.scroll-y{ display: none; }

}

@media (max-width: 767px){
	.menu-btn.in-section{ left: 25px; top: 30px }
	.header{ padding-top: 30px; }
	.lang .btn-lang{ top: 1px }
	.logo-site{ right:25px; top: 35px}
	.logo-site a{
		height: 30px;
    	width: 121px;
	}
	.container{
		padding-left: 25px;
	    padding-right: 25px;
	}
	.container-fluid{
	    padding-left: 25px;
	    padding-right: 25px;
	    width: 750px;
	}
	.header .container-fluid {
	  padding-right:25px;
	  padding-left: 25px;
	}

	.section-inner{
		left: 25px;
		right: 25px;
	}
	.section-title{
		font-size: 35px;
	}

	.menu-dot-wrapper{ display: none; }
	.page-nav li a{
		font-size: 30px;
	}

	.btn,
	.datasheet span,
	.tab-info-wrap .nav-tabs li a,
	.ip-content-wrap .nav-tabs li a{
		height: 60px;
		line-height: 60px;
		font-size: 18px;
	}
	.btn-diagram{
		max-width: 200px;
		left: -30px;
		bottom: 30px;
	}

	.section-banner .next-section{ display: none; }

	.next-section{ display: none; }
	.section-contactus .next-section{ 
		display:block;
		left: 0px;
		right: 0;
		bottom: 0; 
		position: relative;
		margin-bottom: 20px;
	}
	.menu-bar{bottom: auto;}

	.menu-wrapper .lang .btn-lang{ left: 30px }

	.menu-list ul li a{
		font-size: 25px;
		line-height: 1.4;
		padding-top: 5px;
		padding-bottom:5px; 
	}

	.section-banner .total-slides-wrap{
		width: 41px;
		text-align: center;
		right: auto;
		left: 50%;
		bottom: 25px;
		margin-left: -20px;
	}
	.flex-banner .flex-direction-nav{ 
		bottom: 41px;
		left: 0;
		right: 0; 
	}
	.flex-banner .flex-direction-nav a.flex-prev{ left: 50%; margin-left: -40px; }
	.flex-banner .flex-direction-nav a.flex-next{ right: 50%; left: auto; margin-right: -40px; }

	.tab-info-wrap,
	.ip-content-wrap{
		width: auto;
	}
	.tab-info-wrap .nav-tabs,
	.ip-content-wrap .nav-tabs{
		margin-left:-5px; 
		margin-right:-5px; 
	}
	.tab-info-wrap .nav-tabs li,
	.ip-content-wrap .nav-tabs li{
		margin:0px;
		float: left;
		width: 50%;
		padding: 5px;

		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
	.tab-info-wrap .nav-tabs li a,
	.ip-content-wrap .nav-tabs li a{
		margin: 0;
		width: auto;
		display: block;

		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
          box-sizing: border-box;
	}

	/*.section-banner, 
	.section-navigation, 
	.section-ippbx, 
	.section-ipcall, 
	.section-features, 
	.section-diagram, 
	.section-aboutus{}*/

	.section-ippbx, 
	.section-ipcall,
	.section-features,
	.section-diagram,
	.section-aboutus,
	.section-contactus{ height: auto !important; }

	.section-ipcall:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/*background-color: rgba(145,188,207,0.7);*/
		/*background-color: rgba(83,129,150,0.7);*/
		background-color: rgba(65,107,126,0.7);
	}

	.section-ippbx .section-inner, 
	.section-ipcall .section-inner,
	.section-features .section-inner,
	.section-diagram .section-inner,
	.section-aboutus .section-inner,
	.section-contactus .section-inner,
	.diagram-article{
		position: relative;
		top: 0;
		left: 0;
		right: 0;

		-webkit-transform: translateY(0%);
		  -ms-transform: translateY(0%);
		  transform: translateY(0%);
	}

	.fullscreen .container, 
	.fullscreen .container-fluid {
	    padding-bottom: 50px;
	    padding-top: 120px;
	    width: auto;
	}
	.section-ippbx .container, 
	.section-ipcall .container{
		padding-bottom: 100px; 
	}
	/*.section-diagram .container{
		padding-bottom: 50px;
		padding-top: 100px;
	}*/

	.section-navigation{ padding-top: 0; padding-bottom: 0; }

	.datasheet span{
		left: 0;
		right: 0;
	}
	/*.datasheet a + a:before{ top: 22px }*/

	

	.table-features tr th,
	.table-features tr td{
		display: block;
		width: 100%;
	}
	.table-features tr th{
		padding-bottom: 10px; 
	}

	

	.tab-info-wrap .nav-tabs li a,
	.ip-content-wrap .nav-tabs li a{ border-width:1px !important;  }

	.btn-diagram{
		position:relative;
		left: 0px;
		right: 0px;
		bottom: 0px;
		max-width: 100%;
		height: 50px;
		line-height: 50px;
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
          box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
	}

	.section-diagram .col-sm-7{ height: auto; }
	.diagram-article{ margin-top:30px; }
	.diagram-wrap{
		display: block;
		width: 100%;
	}
	.diagram-img img{ width: 100% }

	.aboutus-article .icon-certificate{ margin-top: 30px }

	.section-contactus .row, 
	.section-contactus div[class^="col"]{ height: auto; }
	.section-contactus:before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0px;
		width: 100%;
		background-color:rgba(0,154,218,0.75)
	}
	.contactus-wrap{
		padding-left: 0;
		margin-left: 0;
	}
	.contactus-wrap:before{ display: none; }
	.contactus-wrap .section-inner{
		padding-left: 0;
	}

	.copyright{
		position: relative;
		padding-left: 85px;
		margin-top: 50px;
		bottom: 0;
	}
	.contactus-item{
		margin-bottom: 45px;
		padding-left: 0;
		text-align: center;
	}
	.contactus-item .icons{
		display: block;
		margin:0 auto 20px; 
		position: relative;
		-webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
	}
	.contactus-item h3{font-size: 25px;}
	.contactus-item h3 span{ display: none; } 
	.contactus-item p{
		font-size: 20px;
		line-height: 30px
	}
	.contactus-item p.address{
		font-size: 16px
	}

	.copyright{
		position: relative;
		padding-left: 0;
		margin-top: 0;
		margin-bottom: 40px;
		bottom: 0;
		text-align: center;
		padding:0 20px;
		font-size: 14px;

	}


	.modal-ip .modal-header-left,
	.modal-ip .modal-header-right{
		width: 100%;
	}
	.modal-ip .modal-header-right{ display: none; }

	.modal-header-left h2{ font-size: 30px; }
	.modal-article .title{
		padding:20px 0;
		font-size: 25px; 
	}
    .modal-article .table-features{ margin-top:25px}
    .modal-ip .modal-header-left{ margin-top:0}
    .modal-article-ms .container{ padding-right: 0 }

    .model-row .col-main.col-sm-3{ width: 100% } 
	.model-row .col-main.col-sm-9{ width: 100% } 
	.model-row .title{ text-align: center; margin-bottom: 50px } 
	.model-row + .model-row{ margin-top: 0 }
	.model-thumb{ margin-bottom: 50px }
	.model-thumb .pm-icons{ left: 0 }
	.model-photo{ width: 100%; max-width: none; }
	.model-photo img{ width: 90%; float: right; }
	.model-photo figcaption{ width: 100%; float: left; }
	.modal-article-pm .logo-wrap{ margin:20px 0  }

	.pm-icons.pull-right{
		float: none !important;
		margin:40px auto;
		text-align: center; 
	}

	.screenshot{ margin-top: 35px }
	.screenshot figure,
	.screenshot figure.big-space{padding:20px;}
	.screenshot h3{ margin-bottom: 15px }
 
    .table-header-wrap{
    	/*width: -moz-fit-content; 
    	width: fit-content;*/
    	 width: intrinsic;           /* Safari/WebKit uses a non-standard name */
		  width: -moz-max-content;    /* Firefox/Gecko */
		  width: -webkit-max-content; /* Chrome */
    	padding:10px 0;
    }
    .table-overflow table{ width: 650px !important; max-width: none; }
    .table-body-wrap table td{ padding-left: 10px }
	
	.table-header-wrap table th{ font-size:25px}
	.table-header-wrap table th.font24{ font-size: 16px }

    .table-ms .ms-t1{ width: 36%}
	.table-ms .ms-t2{ width: 21.333%;}
	.table-ms .ms-t3{ width: 21.333%;}
	.table-ms .ms-t4{ width: 21.333%;}
}


@media (max-width: 600px){
	.page-nav { top: 55% }
	.page-nav li a{
		font-size: 25px;
		line-height: 1.3;
		padding-bottom:5px;
		padding-top:5px;
	}

	.next-section{ display: none; }
}

@media (max-width: 480px){
	.table-features .img-logo{ margin-bottom:0px; margin-top:10px;   }
	.table-features .img-logo img{ max-height: 35px }

	.tab-info-wrap .nav-tabs,
	.ip-content-wrap .nav-tabs{
		margin-left: 0;
		margin-right: 0
	}
	.tab-info-wrap .nav-tabs li,
	.ip-content-wrap .nav-tabs li{
		width: 100%;
		padding-left:0px;
		padding-right:0px;  
	}
	.tab-info-wrap .nav-tabs li a,
	.ip-content-wrap .nav-tabs li a{
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.menu-dot-wrapper{ display: none; }

	.screenshot{ margin-top: 35px }
	.screenshot figure,
	.screenshot figure.big-space{padding:10px;}
	.screenshot h3{ margin-bottom: 15px; font-size: 20px }
}

@media (max-width:400px){

	.menu-list ul li a{
		font-size: 20px;
		line-height: 1.4;
		padding-top: 5px;
		padding-bottom:5px; 
	}
	.pm-icons li{ padding-left: 2px; padding-right: 2px; }
	
}

@media (max-width:320px){
	.page-nav li a{font-size: 17px;}
}

/*Retina Display Media Query*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.icons{
		background-image:url(../img/icons-retina.png);
		background-size:500px
	} 	

	.flex-banner .slides > li,
	.section-navigation,
	.banner-matching .matching{
		background-attachment: scroll;
	}

	.pc-wrap .logo-parent,
	.pc-wrap .menu-parent{display: none;}
	.device-wrap .logo-parent,
	.device-wrap .menu-parent{display: block;}

	.close{ right: 15px }

	@media (min-width: 768px) and (max-width: 992px) {
		.ip-content,
		.features-article-inner,
		.diagram-article,
		.aboutus-article{ padding-right:30px  }

		.copyright{ padding-left: 20px; }
	}

	
}