/*responsive styles*/

/*iphone5*/
a br { display: none; }
.video-presentation iframe {width:550px; height:300px;}

@media (max-width: 1140px) {
#fp-nav { display: none; }
#social-icons,
#logo { position: fixed; width: 100%; text-align: center; right: 0px; float: right; }
#logo img { max-width: 100px; }
.video-presentation iframe { width: 100%; height: auto; }
.fp-slidesNav { }
#section5 .fp-slidesNav { display: block; }
.sidr-open .wrap,
.wrap { width: 90%; }
#hand { left: auto; right: 0; margin-left: inherit; }
.screenshots-wrapper,
.section-image { left: auto; right: 80px; margin-left: inherit; }
a br { display: none; }
.tooltip a{color:#000;}
.video-presentation iframe {width:400px; height:300px; text-align:center;}
}

@media screen and (min-width:701px) and (max-width: 800px)
{
h1{width: 100%; text-align: left;  font-size: 30px; margin-bottom:0px; font-weight: bold; }
h2,h3 { font-size: 26px; margin-bottom: 5px; margin-top: 10px; font-weight: bold;  }
.box { width: 40%; }
.box p { font-size: 15px; line-height:1.3em; }
.price-table{width:41%}
a br { display: none; }
.socialframe{display:none;}
.video-presentation iframe {width:100%; height:100%; text-align:center;}
}

@media 	(max-width: 700px)
{
.fp-section.fp-table,
.fp-slide.fp-table { display: block; }
h1{width: 100%; text-align: center;  font-size: 30px; margin-bottom:0px;}
h1 span{font-size: 16px;}
h2,
h3 { font-size: 26px; margin-bottom: 5px; margin-top: 10px; font-weight: bold;  }
#hand { display: none; }
/*new add*/
.screenshots-wrapper,
.screenshots-wrapper .section-image { display: none; margin: 0px; padding: 0px; height: 0px; }
.section-image { display: none; }
.screenshots-wrapper img,
.section-image img { width: 100%; display: block; max-height: 300px; }
.screenshots-wrapper { -webkit-transition: 0.9s; -o-transition: 0.9s; transition: 0.9s; opacity: 0; }
.active .screenshots-wrapper { opacity: 1; overflow: visible; }
.screenshots-wrapper .fp-tableCell { height: 100%!important }
.fp-tableCell h2 { margin-top: 200px; !important
}
.active .section-image img { opacity: 1 }
/*new add end*/
.sidr-open .wrap .box,
.box { width: 100%; text-align: left; font-size: 16px; } /* */
.simple-button { margin-top: 5px; }
.features { margin-top: 5px; padding-top: 5px; padding-bottom: 5px; }
#menu-logo { display: none; }
.sidr ul { margin-top: 35%; }
#sidr { width: 200px; z-index: 100; }
.simple-button { float: none; display: block; font-size: 16px; max-width: 180px; margin: 10px auto; padding:10px; }
.sidr ul li a,
.sidr ul li span { font-size: 11px; padding: 0 18px; }
.features { margin-top: 10px; width: 100%; margin-right: 0; margin-bottom: 0;/*		margin-left: 30px;
		text-align: left;*/ }
#logo img { max-width: 100px; }
.tabs { width: 90%; }
.sidr-open #main-nav { left: 14px; z-index: 200; }
.tabs-style-linemove nav a { padding: 15px 0; }
.video-presentation iframe { width: 82%; }
.client-name { float: left; }
.specifications { text-align: center; }
.fp-controlArrow.fp-next { right: -30px; width: 20px; }
.fp-controlArrow.fp-prev { left: -30px; width: 20px; }
.fp-tableCell { vertical-align: top; width: 100%; height: 100%; display: block; padding-top: 30px; }
/*new add*/
 h1 { margin-top: 40px;}
 h1 span,h2 span,h3 span{ font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 50px; text-transform: none; clear: both; display: block; }
.box h2 { margin-top: 40px; }
.box .fp-tableCell h2 { margin-top: 40px; width: 100%; margin-right: auto; margin-left: auto; }
.box p { font-size: 15px; }
.robotimgs img { float: left; display: block; width:100px; height:125px;}
.fp-slidesNav ul,
.features ul { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
.fp-slidesNav li,
.features li { margin-bottom: 3px; font-weight: bold; font-size: 13px; line-height: 15px; display: block; width: 100%; }
.features li a,
.fp-slidesNav li a { line-height: 15px; padding-bottom: 0px; padding-top: 0px; }
.fp-slidesNav { margin-top: 5px; margin-right: 0px; margin-bottom: 0; background: rgba(255, 255, 255, 0); border-radius: 6px; width: 100%; padding: 0px; }
.package { padding: 0; margin: 0; font-size: 16px; line-height: 50px; }
.respon { display: none; }
.features .icon { margin-right: 5px; }
.screenshots-wrapper { position: fixed; width: 169px; left: 50%; margin-left: -85px; height: auto; margin-top: 0px; top: -50px; border-radius: 3px; }
.graphic-frame ul{ margin-left: 20px; }
.graphic-frame li { width:28% }
#section5 .graphic-frame li { width: 160px; margin-left: 2px; }
.graphic-frame li a { line-height: 25px; padding-bottom: 20px; font-weight: bold; margin-left: 10px; color: #069; padding-top: 20px; }
.price-table{width:31%}
a br { display: block; }
.socialframe{display:none;}
.video-presentation iframe {width:100%; height:100%; text-align:center;}
}

@media screen and (max-device-width: 480px) {
body { background-position-y: 0!important; }
h1{width: 100%; text-align: center;  font-size: 23px; margin-bottom:0px;}
h1 span{font-size: 16px;}
h2,
h3 { font-size: 20px; line-height: 1; font-weight: bold; }
.sidr-open .wrap .box,
.box { width: 100%; text-align: left; font-size: 11px; line-height: 1.2; }
.simple-button .icon { margin-right: 10px; font-size: 13px; }
.playstore,
 .appstore { margin-top: -4px; }
.simple-button { float: none; display: block; font-size: 15px; max-width: 100px; margin-top: 10px; margin-right: auto; margin-bottom: 5px; margin-left: auto; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
#logo { top: 3%; }
#logo img { max-width: 80px; }
.tooltip-inner .icon { float: left; display: block; font-size: 14px; height: AUTO; margin-right: 5px; line-height: inherit; }
.tooltip-inner { background: rgba(0, 0, 0, 0.85); padding: 20px; min-height: inherit; }
#main-nav { left: 10px; top: 1%; font-size: 32px; }
#main-nav:hover span { color: inherit!important; }
.sidr ul li { line-height: 35px; }
/*.fp-slidesNav { display: none; }*/
#social-icons a i { font-size: 26px; width: 26px; height: 26px; line-height: 26px; }
.package { padding: 15px 0; margin: 0; background: rgba(0, 0, 0, 0.2); margin-bottom: 10px; font-size: 14px; }
.amount { font-size: 15px; line-height: 1; }
.specifications { list-style: none; text-align: left; margin: 10px 5px; }
.pricing-button { padding: 15px 0; }
.specifications .icon { display: none; }
#contact-form textarea,
#contact-form input { font-size: 11px; margin-right: 3%; padding: 5px; }
#contact-form textarea { height: 50px; }
#submit { padding: 8px 17px; font-size: 11px; }
.tabs nav ul li { display: inline-block; }
#contact-form { float: left; margin-top: 10px; }
#section8 .features { margin-top: 0; }
/*new add*/
.fp-section.fp-table,
.fp-slide.fp-table { display: block; }
h1 { margin-top: 40px; }
.box h2 { margin-top: 40px; }
.box .fp-tableCell h2 { margin-top: 40px; width: 100%; margin-right: auto; margin-left: auto; }
.screenshots-content h2 { margin-top: 40px; }
.package { padding: 0; }
.package a { padding: 5px; margin: 0; font-size: 16px; line-height: 20px; }
.respon { display: none; }
.icon { line-height: 15px; }
.graphic-frame{ text-align: center; margin-left: 0px; margin-right: 0px; }
.graphic-frame ul{margin-left: 0px;}
.graphic-frame li { width: 28%; }
#section5 .graphic-frame li { width: 160px; margin-left: 2px; }
.graphic-frame li a { line-height: 25px; padding-bottom: 20px; font-weight: bold; margin-left: 10px; color: #069; padding-top: 20px; }
.fp-slidesNav li a { margin-left: 0px; }
.package { display: none; }
.fp-slidesNav .price a { padding-bottom: 0px; height: 80px;}
.screenshots-wrapper { position: fixed; width: 169px; left: 50%; margin-left: -85px; height: auto; margin-top: 0px; top: -50px; border-radius: 3px; }
/*.active .screenshots-wrapper { max-width: 169px; margin-top: -130px; margin-right: -80px; top: 70%; }*/
a br { display: block; }
h2 br {display:none;}
.contacts{ margin-top:30px;}
#contact-form { margin-top: 5px; }
.socialframe{display:none;}
}



@media screen and (min-width: 375px) and (max-width: 413px)
{
body { background-position-y: 0!important; }
h1{width: 100%; text-align: center;  font-size: 23px; margin-bottom:0px;}
h1 span{font-size: 16px;}
h2,
h3 { font-size: 20px; line-height: 1; font-weight: bold; }
.sidr-open .wrap .box,
.box { width: 100%; text-align: left; font-size: 11px; line-height: 1.2; }
.simple-button .icon { margin-right: 10px; font-size: 13px; }
.playstore,
 .appstore { margin-top: -4px; }
.simple-button { float: none; display: block; font-size: 15px; max-width: 100px; margin-top: 10px; margin-right: auto; margin-bottom: 5px; margin-left: auto; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
#logo { top: 3%; }
#logo img { max-width: 80px; }
.tooltip-inner .icon { float: left; display: block; font-size: 14px; height: AUTO; margin-right: 5px; line-height: inherit; }
.tooltip-inner { background: rgba(0, 0, 0, 0.85); padding: 20px; min-height: inherit; }
#main-nav { left: 10px; top: 1%; font-size: 32px; }
#main-nav:hover span { color: inherit!important; }
.sidr ul li { line-height: 35px; }
/*.fp-slidesNav { display: none; }*/
#social-icons a i { font-size: 26px; width: 26px; height: 26px; line-height: 26px; }
.package { padding: 15px 0; margin: 0; background: rgba(0, 0, 0, 0.2); margin-bottom: 10px; font-size: 14px; }
.amount { font-size: 15px; line-height: 1; }
.specifications { list-style: none; text-align: left; margin: 10px 5px; }
.pricing-button { padding: 15px 0; }
.specifications .icon { display: none; }
#contact-form textarea,
#contact-form input { font-size: 11px; margin-right: 3%; padding: 5px; }
#contact-form textarea { height: 50px; }
#submit { padding: 8px 17px; font-size: 11px; }
.tabs nav ul li { display: inline-block; }
#contact-form { float: left; margin-top: 10px; }
#section8 .features { margin-top: 0; }
/*new add*/
.fp-section.fp-table,
.fp-slide.fp-table { display: block; }
h1 { margin-top: 40px; }
.box h2 { margin-top: 40px; }
.box .fp-tableCell h2 { margin-top: 40px; width: 100%; margin-right: auto; margin-left: auto; }
.screenshots-content h2 { margin-top: 40px; }
.package { padding: 0; }
.package a { padding: 5px; margin: 0; font-size: 16px; line-height: 20px; }
.respon { display: none; }
.icon { line-height: 15px; }
.graphic-frame{ text-align: center; margin-left: 0px; margin-right: 0px; }
.graphic-frame ul{margin-left: 0px;}
.graphic-frame li { width: 28%; }
#section5 .graphic-frame li { width: 160px; margin-left: 2px; }
.graphic-frame li a { line-height: 25px; padding-bottom: 20px; font-weight: bold; margin-left: 10px; color: #069; padding-top: 20px; }
.fp-slidesNav li a { margin-left: 0px; }
.package { display: none; }
.fp-slidesNav .price a { padding-bottom: 0px; height: 80px;}
.screenshots-wrapper { position: fixed; width: 169px; left: 50%; margin-left: -85px; height: auto; margin-top: 0px; top: -50px; border-radius: 3px; }
/*.active .screenshots-wrapper { max-width: 169px; margin-top: -130px; margin-right: -80px; top: 70%; }*/
a br { display: block; }
h2 br {display:none;}
.contacts{ margin-top:30px;}
#contact-form { margin-top: 5px; }
.socialframe{display:none;}
}

@media screen and (min-width: 320px) and (max-width: 374px)
{
.screenshots-wrapper,
.section-image { position: fixed; left: 50%; top: 50px; overflow: hidden; z-index: 10; margin-top: 0px; width: 113px; height: 200px; margin-left: -56px; border-radius: 3px; }
.screenshots-wrapper img,
.section-image img { width: 100%; display: block; max-height: 200px; }
.screenshots-wrapper { -webkit-transition: 0.9s; -o-transition: 0.9s; transition: 0.9s; opacity: 0; }
.active .screenshots-wrapper { opacity: 1; overflow: visible; }
.screenshots-wrapper .fp-tableCell { height: 100%!important }
.fp-tableCell h2 { margin-top: 150px; !important}
.active .section-image img { opacity: 1 }	
h1{width: 100%; text-align: center;  font-size: 16px; margin-bottom:0px;}
h1 { margin-top: 0px;}
 h1 span,h2 span,h3 span{ font-size: 40px; }
h2,h3 { font-size: 13px; line-height: 1; font-weight: bold; }
.box h2 { margin-top: 30px; }
.box .fp-tableCell h2 { margin-top: 30px; }
.box p { font-size: 13px; line-height: 1.1em; }	
.fp-tableCell { vertical-align: top; width: 100%; height: 100%; display: block; /*padding-top: 60px;*/}
.fp-slidesNav li,
.features li { margin-bottom: 3px; font-weight: bold; font-size: 13px; line-height: 13px; display: block; width: 100%; padding: 0px; }
.features li a,
.fp-slidesNav li a { line-height: 15px; padding-bottom: 0px; padding-top: 0px; }
.fp-slidesNav li .icon { line-height: 15px; }
.fp-slidesNav { margin-top: 5px; margin-right: 0px; margin-bottom: 0; background: rgba(255, 255, 255, 0); border-radius: 6px; width: 100%; padding: 0px; }
.package { padding: 0; margin: 0; font-size: 16px; line-height: 50px; }
.respon { display: none; }
.features .icon { margin-right: 5px; }
.screenshots-wrapper { position: fixed; left: 50%; height: auto; margin-top: 0px; top: -50px; border-radius: 3px; }
.graphic-frame ul{margin-left: auto;}
.graphic-frame li { width: 28%; }
#section5 .graphic-frame li { width: 132px; margin-left: 2px; }
.graphic-frame li a { line-height: 25px; padding-bottom: 20px; font-weight: bold; margin-left: 10px; color: #069; padding-top: 20px; }	
.fp-slidesNav .price a { padding-bottom: 0px; height: auto;}
.socialframe{display:none;}
a br { display: block; }
.simple-button { font-size: 13px;}


}