@import url(https://fonts.googleapis.com/css2?family=Raleway:ital, wght@0, 100;
    0, 200;
    0, 300;
    0, 400;
    0, 500;
    0, 600;
    0, 700;
    0, 800;
    0, 900;
    1, 100;
    1, 200;
    1, 300;
    1, 400;
    1, 500;
    1, 600;
    1, 700;
    1, 800;
    1, 900&display=swap);
    body {
    color: #353434;
    max-width: 2000px;
    margin: 0 auto;
    font-family: Roboto, sans-serif;
}
html {
    overflow-x: hidden;
}
.left {
    background-position: 100% center!important;
    background-size: cover;
    display: table;
    width: 100%}
.right_slide {
    background-position: 0 center!important;
    background-size: cover;
    display: table;
    width: 100%}
#left1 {
    background-image: url("../images/again-01.jpg");
}
#right1 {
    background-image: url("../images/again-02.jpg");
}
#left2 {
    background-image: url("../images/C1.jpg");
}
#right2 {
    background-image: url("../images/C2.jpg");
}
#left3 {
    background-image: url("../images/B2.jpg");
}
#right3 {
    background-image: url("../images/B1.jpg");
}
#left4 {
    background-image: url("../images/thirdslide.jpg");
}
#right4 {
    background-image: url("../images/thirdslide1.jpg");
}
#left5 {
    background-image: url("../images/d2.jpg");
}
#right5 {
    background-image: url("../images/d1.jpg");
}
#left6 {
    background-image: url("../images/d2.jpg");
}
#right6 {
    background-image: url("../images/d1.jpg");
}
#left7 {
    background-image: url("../images/A1.jpg");
}
#right7 {
    background-image: url("../images/A2.jpg");
}
#right1 {
    text-align: center;
}
#right1 a, #right7 a, .product_link {
    display: inline-block;
    background-color: #fff;
    padding: 20px 25px;
    color: #233b61;
    border: 1px solid #233b61;
    text-transform: uppercase;
    text-decoration: none;
}
#right1 a:hover, #right7 a:hover {
    background-color: #233b61;
    color: #fff;
}
#right1 p {
    color: #000;
    background-color: #fff;
    padding: 30px 10px 30px 10px;
    max-width: 80%;
    margin: 50px auto;
}
#right1 img {
    max-width: 150px;
}
#left3, #right3 {
    text-align: center;
}
#left3 img, #right3 img {
    max-width: 90%;
    margin: 0 auto;
}
#right7 h1, #right7 p {
    color: #000;
    background-color: #fff!important;
    padding: 10px;
    max-width: 80%;
    margin: 20px auto;
}
#right7 h1 {
    font-size: 30px;
}
.hover_zoom {
    overflow: hidden;
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
.hover_zoom:hover img {
    -webkit-transform: scale(1.05) translateZ(0);
    -moz-transform: scale(1.05) translateZ(0);
    -o-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
}
.hover_zoom img {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, 1, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(.4, 0, 1, 1);
    -o-transition: -o-transform .3s cubic-bezier(.4, 0, 1, 1);
    transition: transform .3s cubic-bezier(.4, 0, 1, 1);
    vertical-align: middle;
}
#left2 img, #right2 img {
    max-width: 100%;
    margin: 0 auto;
}
.services-heading {
    font-size: 36px;
}
h2.sefty {
    color: #fefefe;
    text-shadow: 0 4px 3px #283355;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 900;
}
.largebox {
    max-width: 72%;
    margin: 0 auto 30px auto;
    font-size: 36px;
    padding: 15px 10px;
    color: #fff;
    font-weight: 700;
}
p.servicestxt {
    text-align: justify;
}
button.formbtn {
    margin-top: 20px;
    border: 1px solid #233b61;
    background: #233b61;
    color: #fff;
    padding: 10px 20px;
}
.form-box {
    margin-bottom: 20px;
}
.call_to_action.normal {
    background: #233b61!important;
}
@media only screen and (max-width:767px) {
    .mobile_scroll {
    max-width: 96%;
    overflow-x: scroll;
    margin: 0 auto;
}
.innerpage img {
    max-width: 70px !important;
    margin: 15px !important;
}
.menu-wrap .hamburger {
    position: absolute;
    top: 20px !important;
    right: 30px !important;
    z-index: 1;
    width: 60px;
    height: 60px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    border-radius: 50%;
}
.menu-wrap .hamburger>div {
    position: relative;
    flex: none;
    width: 100%;
    height: 5px;
    background: #a29a9a !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
}
.hover_zoom {
    display: block;
}
.ms-left {
    display: none;
}
.ms-right {
    width: 100%!important;
}
#right1 a, #right7 a {
    margin: 10px 0;
}
}.menu li img {
    max-width: 150px;
}
.menu-wrap {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
}
.menu-wrap .toggler {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    width: 50px;
    height: 50px;
    opacity: 0;
}
.menu-wrap .hamburger {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 60px;
    height: 60px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-wrap .hamburger>div {
    position: relative;
    flex: none;
    width: 100%;
    height: 5px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
}
.menu-wrap .hamburger>div::after, .menu-wrap .hamburger>div::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -10px;
    width: 100%;
    height: 5px;
    background: inherit;
}
.menu-wrap .hamburger>div::after {
    top: 10px;
}
.menu-wrap .toggler:checked+.hamburger>div {
    transform: rotate(135deg);
    background: #42bc9b;
}
.menu-wrap .toggler:checked+.hamburger>div:after, .menu-wrap .toggler:checked+.hamburger>div:before {
    top: 0;
    transform: rotate(90deg);
}
.menu-wrap .toggler:checked:hover+.hamburger>div {
    transform: rotate(225deg);
}
.menu-wrap .toggler:checked~.menu {
    visibility: visible;
}
.menu-wrap .toggler:checked~.menu>div {
    transform: scale(1);
    transition-duration: .75s;
}
.menu-wrap .toggler:checked~.menu>div>div {
    opacity: 1;
    transition: opacity .4s ease .4s;
}
.menu-wrap .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-wrap .menu>div {
    background: #222;
    width: 200vw;
    height: 200vw;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    transition: all .4s ease;
}
.menu-wrap .menu>div>div {
    text-align: center;
    max-width: 90vw;
    max-height: 100vh;
    opacity: 0;
    transition: opacity .4s ease;
}
.menu-wrap .menu>div>div>ul>li {
    list-style: none;
    color: #fff;
    font-size: 1.5rem;
    padding: .2rem;
}
.menu-wrap .menu>div>div>ul>li>a {
    color: inherit;
    text-decoration: none;
    transition: color .4s ease;
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 35px;
}
#right1 a, #right7 a, .product_link {
    font-family: Raleway, sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 11px;
}
.menu-wrap .menu>div>div>ul>li>a:hover {
    color: #42bc9b;
}
.innerpage h1 {
    display: inline-block;
    border-bottom: 1px solid red;
    padding: 30px 60px 10px;
    font-size: 23px;
    color: #222;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-family: Raleway, sans-serif;
    font-weight: 600;
}
.innerpage img {
    max-width: 120px;
    margin: 15px;
}
.first_product {
    background: url("../images/back.jpg") no-repeat center center/cover;
}
.product {
    background-color: rgba(10, 10, 10, .4);
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    color: #fff;
}
.product_heading {
    font-size: 22px;
    padding: 30px 0;
}
.product_link {
    background: #fff;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, padding .1s linear;
    -webkit-transition: color .1s linear, background-color .1s linear, border-color .1s linear, padding .1s linear;
}
.product_link:hover {
    padding: 20px 30px;
    background: #233b61;
    text-decoration: none;
    color: #fff;
}
.W100 {
    width: 100%}
.innerpage_bg {
    background: #363635;
}
.product_point li {
    color: #fff;
}
.innerpage_bg h1, .innerpage_bg h2 {
    color: #fc0;
    font-size: 57px;
}
.product_details table {
    width: 100%;
    border-collapse: collapse;
}
.product_details tr {
    color: #fff;
}
.product_details th {
    background: #fcc000;
    color: #363635;
    font-weight: 700;
}
.product_details td, .product_details th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 18px;
}
.backbtn {
    padding: 10px 15px;
}
.backbtn a {
    background: #fff;
    width: 40px;
    height: 40px;
}
body.innerpage_bg.aboutpage {
    background: #fff;
}
.full_width.abtcont {
    padding: 0;
}
.abtcont h2 {
    color: #222;
    font-family: Raleway, sans-serif;
    font-size: 40px;
    line-height: 70px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.divider {
    height: 1px;
    background-color: #818181;
    width: 120px;
    margin: 0 auto 0 auto;
}
.img-responsive {
    max-width: 100%}
.avgsystem {
    margin-top: 52px;
    font-family: Raleway, sans-serif;
    color: #8d8d8d;
}
.download-link a {
    background: #1abc9c;
    display: inline-block;
    padding: 20px 40px;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.downloadcatalog {
    font-size: 23px;
    line-height: 30px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 16px;
}
h1.agvheading {
    font-size: 50px;
}
.container.whyavgcontainer {
    margin-top: 40px;
    margin-bottom: 40px;
}
.avgheading {
    font-size: 29px;
    font-weight: 700;
}
.whyavgbox {
    background: #283355;
    border-radius: 5px;
}
ul.whyavgcont {
    padding: 0;
    list-style: none;
}
ul.whyavgcont {
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 300;
}
.whyavgcont li {
    margin-bottom: 10px;
}
ul.whyavgcont {
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 300;
}
.whyavgcont img {
    margin-right: px;
}
.rightwindow {
    background: url(../images/rightwindow.webp);
    padding: 20px;
    background-size: cover;
    height: 400px;
}
.rightwindow1 {
    background: url(../images/coffee.jpg);
    padding: 20px;
    background-size: cover;
    height: 470px;
}
h2.choosetxt {
    color: #283355;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Raleway, sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
nav>.nav.nav-tabs {
    border: none;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}
nav>div a.nav-item.nav-link, nav>div a.nav-item.nav-link.active {
    border: none;
    padding: 18px 25px;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}
nav>div a.nav-item.nav-link.active:after {
    content: "";
    position: relative;
    bottom: -58px;
    left: -10%;
    border: 15px solid transparent;
    border-top-color: red;
}
.tab-content {
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top: 5px solid red;
    border-bottom: 5px solid red;
    padding: 30px 25px;
}
nav>div a.nav-item.nav-link:focus, nav>div a.nav-item.nav-link:hover {
    border: none;
    background: red;
    color: #fff;
    border-radius: 0;
    transition: background .2s linear;
}
.pad20 {
    padding: 30px;
}
.glass-heading {
    background: #283355;
    color: #fff;
    padding: 20px;
    margin-bottom: 35px;
    font-size: 34px;
}
.toughenedheading {
    color: #ef7f1a;
    padding: 10px;
    margin-bottom: 25px;
    font-size: 25px;
}
.calltoaction {
    padding: 30px;
    border: 1px solid #ebedf2;
    height: 260px;
    margin-bottom: 30px;
    border-radius: 5px;
}
.locationmap {
    font-size: 50px;
    margin-bottom: 20px;
    color: red;
}
.loc-heading {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}
.loc-txt {
    font-size: 14px;
    color: #757575;
}
.loc-txt a {
    color: #757575;
    display: block;
}
.m-b30 {
    margin-bottom: 30px;
}
.sendform {
    background: #f7f9fb;
    padding: 30px;
}
.sendform input {
    border: 1px solid #2d2d2d;
    height: 45px;
    border-radius: 0;
    margin-bottom: 25px;
}
.sendform input:focus {
    border: 1px solid #a5a0a0;
    box-shadow: none;
}
.sendform textarea {
    border: 1px solid #2d2d2d;
    height: 105px;
    border-radius: 0;
    margin-bottom: 25px;
}
.sendform textarea:focus {
    border: 1px solid #a5a0a0;
    box-shadow: none;
}
.subbtn button {
    background: #283355;
    border: none;
    padding: 10px 20px;
    display: block;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
}
.sendform legend {
    margin-bottom: 21px;
    font-size: 33px;
}
.feasibility-analysis {
    background: url(../images/services/feasibility-analysis.jpg);
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 20px;
    height: 200px;
    margin-bottom: 30px;
    position: relative;
}
.feasibility-analysis.plan {
    background: url(../images/services/review-design.jpg);
    background-size: cover;
}
.feasibility-analysis.sales {
    background: url(../images/services/sales.jpg);
    background-size: cover;
}
.feasibility-analysis.marketing {
    background: url(../images/services/marketing.jpg);
    background-size: cover;
}
.feasibility-analysis h1 {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    text-shadow: 1px 2px 3px #000;
    text-transform: uppercase;
}
.feasibility-analysis p {
    display: none;
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
    top: 50%;
    font-size: 14px;
    left: 0;
    padding: 10px;
    transform: translate(0, -50%);
    text-align: justify;
}
.feasibility-analysis:hover p {
    display: block;
}
.row.servicetab {
    margin-bottom: 30px;
}
.ms-tableCell {
    text-align: center;
}
.ms-tableCell a.even_btn {
    background: #233b61!important;
    color: #fff!important;
}
.ms-tableCell a.even_btn:hover {
    background: #fff!important;
    color: #233b61!important;
}
h1.tagline {
    font-size: 30px;
    font-weight: 700;
    margin: 32px 0;
    background: #fff;
}
.backbtn a {
    background: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 90%;
    color: #233b61;
}
@media only screen and (max-width:991px) {
    ul.agvli {
    margin: 50px 0;
    padding: 0;
    padding-left: 20px;
}
ul.agvli li {
    margin-bottom: 10px;
}
.row.catlogbox {
    text-align: center;
}
}@media (max-width:767px) {
    .calltoaction {
    height: auto;
}
}@media (max-width:500px) {
    h2.choosetxt {
    font-size: 33px;
    text-align: left;
    width: 100%;
    display: block;
    padding: 50px 0;
}
.row.rightwindow {
    height: 207px;
}
.row.rightwindow1 {
    height: 207px;
}
nav>div a.nav-item.nav-link, nav>div a.nav-item.nav-link.active {
    padding: 17px 20px;
}
nav>div a.nav-item.nav-link.active:after {
    left: -48px;
}
.pad20 {
    padding: 10px;
}
.glass-heading {
    padding: 10px;
}
.glass-heading {
    padding: 10px;
    font-size: 23px;
}
}.card .carousel-item {
    height: 200px;
}
.card .carousel-caption {
    padding: 0;
    right: 0;
    left: 0;
    color: #3d3d3d;
    top: 30px;
}
.card .carousel-caption h3 {
    color: #fff;
    margin-bottom: 20px;
}
.card .carousel-caption p {
    line-height: 30px;
}
.card .carousel-caption .col-sm-3 {
    display: flex;
    align-items: center;
}
.card .carousel-caption .col-sm-9 {
    text-align: left;
}
.navi a {
    text-decoration: none;
}
.client-testimonial {
    margin: 0 auto;
    max-width: 72%}
.smallbox {
    padding: 0 20px;
    color: #fff;
}
.smallest.mute {
    font-weight: 700;
    color: #fff;
    font-size: 18px!important;
}
.float-right.navi a {
    padding: 10px 5px 3px 5px;
    background-color: #273457;
    margin: 0 3px;
    width: 40px;
    display: inline-block;
    height: 40px;
    border-radius: 90px;
}
.float-right.navi span {
    padding: 10px;
    background-color: #273457;
}
.float-right.navi {
    margin-bottom: 19px;
    margin-right: 10px;
}
.clientslider {
    margin: 30px auto;
    max-width: 72%}
.clientslider #blogCarousel {
    padding-bottom: 41px;
}
.ooficeaddress {
    margin: 30px auto 10px auto;
    background: rgba(0, 0, 0, .5);
    max-width: 86%;
    padding: 20px;
    color: #fff;
    text-align: left;
}
.ooficeaddress h6 {
    font-size: 30px;
    margin: 0 0 20px 0;
}
.socialmedia a svg {
    background: #233b61;
    display: block;
    border-radius: 4px;
    color: #fff;
}
.phonenumber {
    padding-bottom: 30px;
}
.contactbtn {
    text-align: center;
    margin-top: 30px;
}
.phonenumber a {
    font-size: 15px!important;
}
.address {
    padding-bottom: 20px;
}
.websiteaddress {
    padding-bottom: 10px;
}
.addbox a {
    background: 0 0!important;
    border: none!important;
    padding: 0!important;
    color: #fff!important;
    font-size: 14px!important;
    letter-spacing: inherit!important;
}
.socialmedia {
    margin: 0 auto;
    max-width: 268px;
    margin-bottom: 15px;
}
.socialmedia a {
    color: #fff!important;
    padding: 0!important;
    font-size: 30px!important;
    background: 0 0!important;
    border: none!important;
    line-height: inherit!important;
    margin: 10px;
}
.socialmedia a:hover {
    color: #233b61!important;
}
.product1 {
    background: url("../images/products/case23.jpg") no-repeat center center/cover;
}
.product2 {
    background: url("../images/products/005.jpg") no-repeat center center/cover;
}
.product3 {
    background: url("../images/products/003.jpg") no-repeat center center/cover;
}
.product4 {
    background: url("../images/products/004.jpg") no-repeat center center/cover;
}
.product5 {
    background: url("../images/products/005.jpg") no-repeat center center/cover;
}
.product6 {
    background: url("../images/products/006.jpg") no-repeat center center/cover;
}
.product7 {
    background: url("../images/products/007.jpg") no-repeat center center/cover;
}
.product8 {
    background: url("../images/products/008.jpg") no-repeat center center/cover;
}
.product9 {
    background: url("../images/products/009.jpg") no-repeat center center/cover;
}
.product10 {
    background: url("../images/products/010.jpg") no-repeat center center/cover;
}
.product11 {
    background: url("../images/products/product.jpg") no-repeat center center/cover;
}
.product12 {
    background: url("../images/products/automatic.jpg") no-repeat center center/cover;
}
.product66 {
    background: url("../images/products/016.jpg") no-repeat center center/cover;
}
.category1 {
    background: url("../images/products/case.jpg") no-repeat center center/cover;
}
.category2 {
    background: url("../images/products/sliding.jpg") no-repeat center center/cover;
}
.category3 {
    background: url("../images/products/lift-&-slide.jpg") no-repeat center center/cover;
}
.category4 {
    background: url("../images/products/slimline.jpg") no-repeat center center/cover;
}
.category5 {
    background: url("../images/products/sliding-folding.jpg") no-repeat center center/cover;
}
.category6 {
    background: url("../images/products/flush-door.jpg") no-repeat center center/cover;
}
.category7 {
    background: url("../images/products/4-wood-veneer-louver.jpg") no-repeat center center/cover;
}
.category8 {
    background: url("../images/products/skylight.jpg") no-repeat center center/cover;
}
.category9 {
    background: url("../images/products/blinds.jpg") no-repeat center center/cover;
}
.product88 {
    background: url("../images/products/delta.jpeg") no-repeat center center/cover;
}
.product89 {
    background: url("../images/products/theta.jpeg") no-repeat center center/cover;
}
.breadcrumb {
    background: 0 0;
}
.breadcrumb-item a, .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item.active {
    color: #fff;
}
.btn:active, .btn:focus, button:active, button:focus {
    outline: 0!important;
    box-shadow: none!important;
}
#image-gallery .modal-footer {
    display: block;
}
.thumb {
    margin-top: 15px;
    margin-bottom: 15px;
}
#left4 .h2 {
    color: #fff;
    margin-top: 20px;
}
.my-card {
    position: absolute;
    left: 40%;
    top: -20px;
    border-radius: 50%}
ul.bugmesh {
    list-style-type: square;
    list-style-image: url('images/arrow.png');
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: .3rem;
}
ul.image-list {
    list-style: circle;
    list-style-image: url(images/icon.png);
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
.modal-cont {
    background-color: #fff;
    width: 80%;
    min-height: 400px;
    margin: 50px auto 0;
}
.modal-cont p {
    margin-left: 20px;
    margin-top: 10px;
}
.myimage {
    max-width: 100%;
    height: 500px;
}
.myimage img {
    width: 100%;
    height: 100%}
.pull-right {
    padding: 10px;
}
@media only screen and (max-width:600px) {
    .modal {
    height: 80%}
.myimage {
    max-width: 100%;
    height: 330px;
}
}@media only screen and (max-width:600px) {
    .category1 {
    background: url(../images/products/pro.jpg);
}
.category2 {
    background: url(../images/products/mobslide.jpg);
}
.category3 {
    background: url(../images/products/Lift-&-Slidemob.jpg);
}
.category4 {
    background: url(../images/products/Slimlinemobi.jpg);
}
.category5 {
    background: url(../images/products/Sliding-Foldingmob.jpg);
}
.category6 {
    background: url(../images/products/Flush-Doormob.jpg);
}
.category7 {
    background: url(../images/products/LOUVER-SERIESmob.jpg);
}
.category8 {
    background: url(../images/products/SKYLIGHTmob.jpg);
}
.category9 {
    background: url(../images/products/AUTOMATIC-GLASS-BLINDSmob.jpg);
}
.product1 {
    background: url(../images/products/ALPHA-SERIES.jpg);
}
.product6 {
    background: url(../images/products/ALUWOOD-SERIES.jpg);
}
.product2 {
    background: url(../images/products/betaseriesmob.jpg);
}
.product6 {
    background: url(../images/products/aluwoodseriesmob.jpg);
}
.product66 {
    background: url(../images/products/ZETA-SERIES.jpg);
}
.product8 {
    background: url(../images/products/DELTA-SERIES2tmob.jpg);
}
.product7 {
    background: url(../images/products/DELTA-SERIES3tmob.jpg);
}
.product10 {
    background: url(../images/products/thetaseriesmobfwd.jpg);
}
.product9 {
    background: url(../images/products/thetaseriesslmob.jpg);
}
.product88 {
    background: url("../images/products/deltamob.jpg");
}
.product89 {
    background: url("../images/products/thetamob.jpg");
}
}@media only screen and (max-width:600px) {
    .product {
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    color: #fff;
    background-color: rgb(10 10 10 / 0%);
}
.innerpage img {
    max-width: 70px;
    margin: 15px;
}
}.social {
    font-size: 25px;
}
.casement-section {
    padding-top: 30px;
}
.heading h2 {
    text-align: center;
}
.myspan {
    color: #233b61;
    font-weight: 600;
}
.casement-section h4 {
    color: #233b61;
}
.casement-section h3 {
    color: #233b61;
}
.sliding-heading {
    padding: 20px 0 20px 0;
}
.sliding-heading h2 {
    color: #000;
    text-align: left;
}
.p-span {
    color: #233b61;
    font-size: 20px;
}
.flush-content p, h4 {
    color: #fff;
}
.flush-content h4 {
    color: #fc0;
}
.flush-content h6 {
    color: #fc0;
    font-size: 20px;
}
.flush-content ul li {
    color: #fc0;
}
.border-class{
    border-bottom:3px solid blue;
}
.mycadr{
  background-color: #110e0e5c;
}

@media only screen (max-width: 480px){
.menu-wrap .hamburger {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    width: 60px;
    height: 60px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    border-radius: 50%;
}
}