@media only screen and (max-width: 3200px) and (min-width: 2499px)  { .our-latest-work .work-wrapper { height: 800px; background-size: contain; background-color: #000; } }
@media only screen and (max-width: 2500px) and (min-width: 2000px)  { .our-latest-work .work-wrapper { height: 600px; background-size: contain; background-color: #000; } }
@media only screen and (max-width: 1999px) and (min-width: 1799px)  { .our-latest-work .work-wrapper { height: 507px; background-size: contain; background-color: #000; } }
@media only screen and (max-width: 1700px) and (min-width: 1500px)  { .our-latest-work .work-wrapper { height: 404px; background-size: contain; background-color: #000; } }
@media only screen and (max-width: 1499px) and (min-width: 1326px)  { .our-latest-work .work-wrapper { height: 365px; } }
@media only screen and (max-width: 1325px) and (min-width: 1226px)  { .our-latest-work .work-wrapper { height: 330px; background-size: cover; } }
@media only screen and (max-width: 1225px) and (min-width: 1025px)  { .our-latest-work .work-wrapper { height: 330px; background-size: cover; } }
@media only screen and (max-width: 1405px) { .home-banner h1 { font-size: 65px; } .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1325px; } }
@media only screen and (max-width: 1259px) and (min-width:992px) { .navbar a, .navbar a:hover { font-size: 9px; } }
@media only screen and (max-width: 1139px) and (min-width:992px) { .navbar a, .navbar a:hover { font-size: 5px; } }
@media only screen and (max-width: 913px) { .home-banner h1 { font-size: 40px; } }
@media only screen and (max-width: 768px) { html, body { width: 100%; overflow-x: hidden; } .navbar-collapse { position: fixed; top: 89px; right: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; height: 100%; background: linear-gradient(45deg, #000000c2, #36322b); width: 250px; } .navbar { background: linear-gradient(45deg, #000000c2, #36322b); } .navbar-collapse.collapsing { height: 100%; right: -75%; transition: height 0s ease; } .navbar-collapse.show { height: 100%; right: 0; transition: right 400ms ease-in-out; overflow-y: auto; } .navbar-toggler.collapsed~.navbar-collapse { transition: right 400ms ease-in; } .navbar-brand img { width: 200px; } .navbar .nav-item:hover .dropdown-menu { width: 216px; z-index: 999999; position: relative; top: 0; } .nav-link { padding-left: 10px; } .nav-item.contact-info { margin-top: 25px; } .nav-item.contact-info a { margin-top: 10px; } .navbar-toggler { border: none; } .navbar .dropdown-menu { /* position: relative !important; */ } .features li { width: 100%; font-size: 16px; } .ex_desc { font-size: 15px; line-height: 25px; padding: 0 20px; } .ex_title { padding: 0 20px; } .ex_desc+.btn-orange { display: block; width: 50%; margin: auto; } .bg-orange2 .social-media-icons { margin: 70px 0; } .bg-orange2 .social-media-icons li a i { font-size: 20px; } .bg-orange2 .social-media-icons li { width: 40px; height: 40px; margin: 0px; } .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select { width: 12% !important; } .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { width: 88% !important; } .drop, .subdrop { position: absolute; right: 10px; top: 12px; display: block !important;margin-top:0px;} .side-drop { display: none !important; right: unset; left: 0; top: 0; z-index: 5; padding: 0; width: 100%; position: relative; } .side-drop.show { display: block !important; } .side-drop li, .side-drop li a { background-color: #2391E0 !important; width: 100%; } .footer-menu-title { margin-bottom: 10px; } .navbar li:not(.contact-info) { height: auto; } .nav-item.contact-info { height: 250px; } .search-submit { display: block; } .single-post .col-lg-9.pe-5 { padding-right: 12px !important; } }
@media only screen and (max-width: 600px) { h1 { font-size: 18px !important; } p { font-size: 16px; } .banner-content { width: 90%; } .home-banner h1 { font-size: 30px; } .btn-blue, .btn-blue:hover { font-size: 16px; } .browse-design h1 span strong { font-size: 18px; } .browse-design .btn-black { margin-bottom: 20px; } h2 { line-height: 28px; } .search_booth .search_booth_outer { width: 100%; } .search_booth select { font-size: 15px;margin-bottom: 0.4rem; } .search_booth_form { height: auto; } .search_booth .search_booth_btn { width: 100%; margin-bottom: 15px; } .sec-title { font-size: 21px; } .img-view { padding-top: 45%; } .img-view img { width: 98%; } .work-wrapper, .case-wrap { margin-bottom: 15px; } .btn-orange-lg { margin-bottom: 20px; } .carousel-inner { min-height: 285px; } .contact-form h2 { font-size: 35px; } .contact-form h6 { font-size: 16px; } .footer-menu { padding-left: 0; margin-bottom: 40px; } .footer-menu-title { padding-left: 14px; } .banner-content h2 { font-size: 25px; } .conf-banner p { margin: 16px auto; font-size: 15px; } .desc { font-size: 16px; } .faqs .accordion-header h5 { font-size: 15px; } }
@media only screen and (min-width: 1259px) and (max-width: 1308px) { #navbar .nav-link {letter-spacing: 0.2px;} }