@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}


/* First BreakDown*/
@media (max-width:1199px) {}
 @media (max-width:1170px) {}

 @media (max-width:1024px) {
.fixed-header{background-position:-38%;}
.banner {padding: 115px 0 50px 0; height: auto;}
.banner:after{top:30px;}
.three-sixty-view .security .text-top {top: 0px;left: 150px;}
.three-sixty-view .security .text-left1 {top: 50px;left: 0px;}
.three-sixty-view .security .text-left2 {top: 141px;left: 30px;}
.three-sixty-view .security .text-right1 {top: 0px;right: 0px;}
.three-sixty-view .security .text-right2 {top: 190px;right: 0px;}
.why-cyvyon-logo h2 {left: 52%;}
.inner-pages .top-menu {right: 45px;}
.latest-news .list-box .news-image {min-height: auto;}


/* First BreakDown*/
@media (max-width:992px) {
.fixed-header{background-position:-41%;}
.navbar-toggle {float: right;padding: 9px 10px;margin-top: 43px;margin-right: -14px;margin-right: 0px;margin-bottom: 8px;background-color: transparent;background-image: none;}
.navbar-header {float: left;width: 100%;}
.navbar-inverse .navbar-toggle {border-color: #fff;background-color: #4ecdd9;}
.navbar-toggle:hover {background-color: #5cd6e2 !important;}
.navbar-toggle {display: block;}
.navbar-collapse.collapse {display: none !important;}
.navbar-collapse.collapse.in {display: block !important;}
.navbar-nav {float: left;margin: 0;width: 100%;}
.navbar-nav.menu-bar>li>.dropdown-menu{padding:0px 0px;border-radius: 0px;width:100%;}
.navbar-nav.menu-bar>li>.dropdown-menu li a{font-weight: normal;padding-left: 14px;text-transform: capitalize;padding-top: 0px;color:#000;}
.navbar-nav.menu-bar>li>.dropdown-menu li a:hover{background-color: #f5f5f5;}
.navbar-nav>li>a {padding-top: 0px;padding-bottom: 0px;padding-left: 15px;}
.sidenav .navbar-nav .open .dropdown-menu {width: 104%;margin-left: -4px;overflow-y: scroll;}
.fixed-header.sticky .navbar-toggle{margin-top: 32px;}
.mega-menu h4 {margin-bottom: 5px;margin-top: 10px; border-bottom: none; padding-bottom: 0px;text-transform: capitalize;}
.why-cyvyon-logo h2 {left: 62%;top: 51%;}
.three-sixty-view .security{background-size: 360px;}
.three-sixty-view .security .text-top {top: -10px;left: 20px;max-width: 290px;}
.three-sixty-view .security .text-left1 {top: 12px;left: 0px;max-width: 290px;}
.three-sixty-view .security .text-left2 {top: 152px;left: 30px;max-width: 290px;}
.three-sixty-view .security .text-right1 {top: -35px;right: 0px;max-width: 297px;}
.three-sixty-view .security .text-right2 {top: 285px;right: 0px;max-width: 290px;}
.call-to-action .box2 .input-box {font-size: 13px;display: inline-block;width: 65%;}
.call-to-action .button-white {font-size: 13px;}
.about-section {background-position: top right;background-size: 52%;}
.fa-caret-down{float: right;}
.inner-pages .top-menu {right: 26px;}
.fa {padding-top: 8px;}

.request-quote { max-width: 600px;    top: 50px;    width: 100%;}


}

@media (max-width:980px) {}
@media (max-width:892px) {}
@media (max-width:840px) {}
@media (max-width:800px) {}

@media (max-width:768px) {
.fixed-header{background-position:-78%;}
.call-to-action .box2 {padding: 7px;}
.why-cyvyon {padding-bottom: 0;}
}

@media (max-width:767px) {

/*==========home ==========*/
.banner {padding: 115px 0 50px 0; height: auto; overflow: hidden;}
.our-services .services-list {width: 100%;margin: 0 0 20px 0;padding: 0;display: table;text-align: center;}
.our-services .services-list .service-text h3 {font-weight: 600;color: #424242;font-size: 20px;text-align: center;}
.our-services .services-list .service-text p {font-size: 16px;line-height: 22px;margin-top: 5px;text-align: center;}
.why-cyvyon .left {top: 10%;}
.why-cyvyon-logo h2 {left: 61%;top: 46%;}
.three-sixty-view .security {background-position: bottom center;min-height: 480px;background-size: 300px;}
.three-sixty-view .security .text-top {top: -83px;left: 0px;max-width: 100%;width:100%;padding:0 15px;text-align:center;}
.three-sixty-view .security .text-left1 {top: -20px;left: 0px;max-width: 100%;width:100%;padding:0 15px;text-align:center;}
.three-sixty-view .security .text-left2 {top: -25px;left: 0px;max-width: 100%;width:100%;padding:0 15px;text-align:center;}
.three-sixty-view .security .text-right1 {top: -20px;right: 0px;max-width: 100%;width:100%;padding:0 15px;text-align:center;}
.three-sixty-view .security .text-right2 {top: 170px;right: 0px;max-width: 100%;width:100%;padding:0 15px;text-align:center;}
.latest-news .left {top: 19%;}
.latest-news .list-box {margin-bottom: 20px;}
footer .footer-title {margin-bottom: 20px;margin-top: 15px;}
.banner .banner-text h2 {font-size: 31px;margin-top: 40px;}
.banner:after {top: 30px;right: -40px;opacity: 0.3;}
.banner:before {opacity: 0.3;}
.why-cyvyon .services-list .icon {position: relative;text-align: center;padding: 15px 0 0 0;display: inline-block;height: 65px;width: 65px;margin: 0 auto;}
.call-to-action .box2 .input-box{margin-bottom: 7px;}
.why-cyvyon .services-list .service-text {display: inline-block;padding-left: 0px;vertical-align: top;text-align: left;}
.why-cyvyon .services-list .service-text h3 {font-weight: 600;color: #424242;font-size: 20px;text-align: center;margin-top: 24px;}
.why-cyvyon .services-list .service-text p {font-size: 16px;line-height: 22px;margin-top: 5px;text-align: center;margin-left: 0;}
.our-services h2{text-align: center;}
.latest-news h2{text-align: center;}
.clients h2{text-align: center;}
.why-cyvyon-logo {display: inline-block;margin-bottom: 50px;}
.three-sixty-view {padding-top: 190px;padding-bottom: 41px;margin-top: -100px;}
.fixed-header .navbar-brand {width: auto;}
.inner-pages .fixed-header .navbar-brand {width: auto;}
section {padding: 50px 0;}
.inner-pages section {padding: 50px 0;}
.inner-pages .grey-bg{padding: 30px 0;}
.inner-pages section h2{font-size: 30px;}
.inner-pages section h3{font-size: 22px;}
section h2 {font-size: 30px;}
.clients .title {margin-top: 0px;}
.inner-pages .fixed-header {background-color: #3cc2cf;padding-bottom: 10px;}
.fixed-header.inner-header .navbar-brand svg {height: 80px;padding-top: 10px;}
.fixed-header.sticky.inner-header .navbar-brand svg {height: 70px;}
.fixed-header .navbar-brand svg {height: 80px;padding-top: 10px;}

 /*=======about ========*/
.inner-pages .our-services .services-list .service-text h3{text-align: left;}
.inner-pages .our-services .services-list .service-text p{text-align: left;}
.inner-pages .our-services .services-list{text-align: left;}

/*=======e-commerce-app-development ========*/
.inner-center{text-align: center;}
.inner-top{margin-top:20px;}
.about-section {background-position: center bottom;background-size: 100%;}
.top-menu {right: -16px;padding: 0 10px;}
.inner-pages .top-menu {right: 0px;padding: 0 10px;}
.why-cyvyon {padding-bottom: 40px;}
.inquiry-form2{margin-top:30px;}

.request-quote { width: 100%; margin: 0;}

}
@media (max-width:685px) {}
@media (max-width:640px) {}
@media (max-width:600px) {}
@media (max-width:568px) {}
@media (max-width:480px) {}
@media (max-width:479px) {
.fixed-header {background: none;}
}
@media (max-width:380px) {}
@media (max-width:360px) {}
@media (max-width:320px) {

.top-menu {font-size: 12px;}
.inner-pages .top-menu {font-size: 12px;}
.three-sixty-view .security {background-position: bottom center;min-height: 520px;background-size: 300px;}
.three-sixty-view .security .text-top {top: -77px;left: 0px;padding:0 15px;}
.three-sixty-view .security .text-left1 {top: -12px;left: 0px;padding:0 15px;}
.three-sixty-view .security .text-left2 {top: -17px;left: 0px;padding:0 15px;}
.three-sixty-view .security .text-right1 {top: 2px;right: 0px;padding:0 15px;}
.three-sixty-view .security .text-right2 {top: 205px;right: 0px;padding:0 15px;}
}