@import url('https://fonts.googleapis.com/css?family=Nunito:400,300,700');

.pro1-two .col-sm-image-container img { height: 250px !important;}
.table-responsive { 
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
   webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;}
@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	footer li{margin-right:10%;}
	.icon-text {text-align:center}
	.icon-text .feature-icon {margin-right:0}
}
@media (min-width:992px){
    .footer-nav li {width:100%;line-height:34px}
}
@media (min-width:1201px){
    .nav > li > a { padding-left: 9px; padding-right: 9px;}
}
@media screen and (max-width:1200px){
    .page-scroll small {display:none;}
	.navbar-nav > li > a {padding-left:16px;padding-right:16px;}
}
@media screen and (max-width:991px){
	.feature-1,.feature-2{margin-bottom:50px;}
	.device{display:none;}

	.service-intro{padding:30px 0 30px 0;}
	.features-slider{height:100%}
	footer li{display:block;text-align:left;padding:20px 0;border-bottom:dashed 1px #c7cacc;margin-right:0!important;float:none;}
	.footer-menu li{border-bottom:dashed 0px #c7cacc!important;padding:20px 0 0 5px!important;}
	.footer-info {padding-top:15px!important;padding-bottom:15px!important;text-align:left}
	.hero {padding:0 0 60px 0}
	.hero h1 {font-size:36px}
	.nav-wrapper {background-color:rgba(238,238,238,0.9);padding:12px 10px;position:fixed;right:0;left:0;z-index:1032}
	.slogo {color:#fff !important}
	.slogo img {padding-top:2px!important;height:45px!important}
	.navicon p {color:#000 !important}
	.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {background:#000 !important}
	.bor-right { border-right: 0px;}
    .bor-left {	border-left: 0px;}
}
@media (min-width:768px) and (max-width:991px){
	.news-text {padding:20px 0 0 0}
	.main-h2 {text-align: center}
	.main-h2 .feature-content { margin-top:10px}
	.w60 {width: 80%}
}
@media screen and (min-width:768px){
	.pro-chevron .pro-left {
     display:block;
	 font-size:30px;
	 font-weight:700;
	 color:#000;
     position:absolute;
     left:0px;
     top:45px;
    }
    .pro-chevron .pro-right {
     display:block;;
	 font-size:30px;
	 font-weight:700;
	 color:#000;
     position:absolute;
     right:0px;
     top:45px;
    }
	.pro-chevron .pro-top , .pro-chevron .pro-bottom {
     display:none;
    }
}
@media screen and (max-width:767px){
	.features-list {padding:100px 0 35px 0;}
	.screenshots ul li{width:50%;}
	.bg-gray-xs {background-color: #F6F6F6;}
	.pro-text p {width:100px;font-size:14px!important;}
	.pro1-two .col-sm-image-container { width: 320px !important;}
	.pro1-two .col-sm-image-container img { height: 200px !important;}
	#pro-fives .pro-icon {
     display: inline-block!important;
	 margin: 0 !important;
    }
	#pro-fives .pro-text p {
     font-size:16px!important;
    }
	#pro-fives .pro-green .pro-text p {
     font-size:14px!important;
    }
	.pro-chevron .pro-left , .pro-chevron .pro-right {
     display:none;
    }
	.pro-chevron .pro-top {
     display:block;
	 font-size: 30px;
	 font-weight:700;
	 color:#000;
     position:absolute;
	 left:0px;
     right:125px;
     top:-40px;
    }
    .pro-chevron .pro-bottom {
     display:block;
	 font-size: 30px;
	 font-weight:700;
	 color:#000;
     position:absolute;
     left:0px;
     right:125px;
     top:130px;
    }
}
@media screen and (max-width:640px){
	.use-btn{display:none;}
	nav{margin-top:25px;}
}
@media screen and (max-width:465px){
	.hero h1 {font-size:32px;margin:130px 0 45px 0}
	.screenshots figcaption i {font-size:25px;}
	section.video i {font-size:30px;}
	section.video h1 {font-size:15px;font-weight:400;}
	section.video {padding:40px;}
	blockquote p {width:60%;}
	.features-slider {padding: 11% 50px 10% 50px;}
	.l-height p { margin-left: 10px;}
}