@media only screen and (max-width: 1190px) { #owl-testimonial{ margin-top:0px;} } @media only screen and (max-width: 1199px) { .m-5-hor{ margin-left:0; margin-right:0; } .m-5-hor-dev { margin-left: 5%; margin-right: 5%; } .navbar-brand.white img.black { display:inline-block !important; } .navbar-brand.white img.white { display:none; } .subnav { z-index:99999; position: relative; background: #090c0d; } header.init{ position: relative; background: rgba(255, 255, 255, 0)!important; } header.show{ height:80px; background: rgba(255, 255, 255, 0)!important; } nav ul li.space { display: none; } .overlay-main { top: 0px; } .navbar-toggle { display: block; position: fixed; right: 7px; top: 15px; z-index: 9999; } .navbar-toggle:hover { border: 1px solid #999; } .navbar-default-white .navbar-toggle { border-color: transparent; /* Removes border color */ float: left; /* Move navbar toggle to left */ } .navbar-default-white .navbar-toggle .icon-bar { background-color: #fff; /* Changes regular toggle color */ } .navbar-default-white .navbar-toggle .icon-bar:hover { background-color: #fff; /* Changes toggle color on hover */ } /* menu block white */ .navbar-default-white { position: relative; margin: 0px auto; border-bottom: 0px groove rgba(255, 255, 255, 0); top: 0px; background: #090c0d; } .navbar-default-white { transform: translateZ(0); /* Scroll Fix in iPad */ } .navbar-brand.white { position:fixed; left: 10px; top: 5px; } .navbar-brand.white img { width: auto; height: auto; max-height:70px!important; } #main-menu.white { left: 0px; width: 100%; height: 100%; background: #090c0d; z-index: 1; text-align: center; overflow: auto; overflow-x: hidden; } .menu-init { display: none; } .white nav { margin: 0 auto; margin-top: 100px; margin-bottom: 20px; position: relative; float: none; left: 20px; top: 0px; z-index: 999; } .white nav ul li, .white nav ul li.btn { display: block; margin: 0 0 0 0; margin-right: 15px; text-align: left; background: rgba(0, 0, 0, 0); } .white nav a { display: block; padding: 10px; line-height: 30px; } .white nav ul ul { position: relative; top: 0px; margin-left: 15px; } .white nav ul ul li { background: rgba(21, 23, 29, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .white nav ul ul ul li { position: relative; top: 0px; left: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .white nav ul ul li a { line-height: 20px; font-weight: 400; font-size: 8pt; } .white nav ul li .input-group { margin-left:0px; margin-right:30px; } /*menu block white end*/ .goldpage h3 { font-size:12pt; } .goldpage .text-left{ text-align:center;} .goldpage i { display:block; font-size:24pt; margin:0 60px 0 60px;} #subheader, #subheader-commerce { color: #fefefe; padding: 120px 0 30px 0; } .commerce-step a{ font-size: 13px; } } @media only screen and (max-width: 990px) { .text-left{ text-align:center;} .text-right{ text-align:center;} footer.main .logo{ margin-top:30px; } .goldpage h3{ line-height: normal; } .wrap-subfooter{ border-bottom: 1px solid rgba(255,255,255,.1); } .frm-search .big-heading{ line-height: normal; } .big-heading{ font-size: 24px; } #subheader h1, #subheader-commerce h1 { font-size: 31px; } #subheader-commerce p, #subheader p{ font-size: 11px !important; } .frm-clean{ margin-top: 0; } } @media only screen and (max-width: 800px) { #sform { margin-right: 10px; } #sform .form-group { width: 100%; } } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 600px) { .p-90{ padding:30px 0;} } @media(max-width:414px) { section { padding: 90px 0 90px 0; } .navbar-default { border-bottom: 1px groove rgba(255, 255, 255, 0); } .navbar-brand { left: 5px; } .navbar-brand.white { left: 5px; } .p-30{ padding:10px;} .p-60{ padding:20px;} .p-90{ padding:30px 0;} .pro-btn { font-size:9pt; } .pro-btn.left a i{ font-size:10pt; padding-right:10px; } .pro-btn.right a i{ font-size:10pt; padding-left:10px; } } @media(max-width:360px) { .features .bg-img-3{ padding:20px; } } @media(max-width:320px) { .modal-login{ width: 100% } }