@media(min-width:1200px){

    .pdf{
        font-size: 25px;
        margin: 30px;
        padding-left: 35%;
    }

    .cat_c{
        display: inline;
    }

    .cat_i{
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
.head{
	border-bottom: 1px solid #EAEAEA;
}

.add{
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #AFACAC;
}

.add-col{
	border-right:1px solid #EAEAEA;
}

.add-row{
	margin-top: 20px;
}

.cont-add{
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #7F7E7E;
}

.cont-ph{
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #4676AE;
}

.map-row{
	margin-top: 50px;
}

.map-frame-div{
	height: 600px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    
.first{
	margin-top: 50px;
}
    .heading{
        font-size: 23px;
        font-family: 'Work Sans', sans-serif;
        color: #000000;
    }

    .example-1
    {
        z-index: 8;
left: 89%;
position: absolute;
margin: 29px;
width: 100px;
height: 46px;
font: 13px/130px 'Barlow Semi Condensed', sans-serif;
letter-spacing: 3px;
color:
#fff;
text-align: center;
background:
rgba(30, 144, 255, 0.6);
border-radius: 0%;
animation: shadow-pulse 2.5s infinite;
    }

    .catalogue-a{
        position: relative;
z-index: 9;
bottom: 42px;
color:
black;

}

.catalogue-a:hover{
    text-decoration: none;
}
    @keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}


    .nav-ph{
        display: none;
    }


.nav-row{
    padding-left: 10%;
    padding-right: 10%;
}

.phn-cont{
    display: none;
}

.cat-a{
    display: inline;
    text-align: center;
    color:  #efefef ;
    transition: color 0.4s;
    font-family: 'Poppins', sans-serif;
    font-family: 'Noto Sans', sans-serif;
}

.cat-a:hover{
    text-decoration: none;
    color:  #8b8b8a ;
}

.cat-h{
    font-size: 13px;
    margin-top: 12px;
}

.cat-h:active{
    text-decoration: none;
    border: none;
}

.cat-h:visited{
    border: none;
}

.logo-img{
    padding-left: 30%;
}

.cont-nav{
    background: #0a0a0a;
    position: fixed;
    z-index: 999;
}

.emp-div{
    height: 40px;
}

.nav-col{
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.nav-col-i{
    padding-bottom: 2px;
    padding-top: 2px;
}

.nav-col-2{
    
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.wrap{
    background: #f6f6f6 ;
    margin-top: 50px;
}

.desc-row{
    background: white;
    text-align: center;
}


.desc-row_2{
    background: white;
    text-align: center;
    margin-top: 10px;
}


.h_1{
    text-align: center;
    font-family: 'Rubik', sans-serif;
    color: black;
}

.h_2{
    font-family: 'Rubik', sans-serif;
    color: black;
}
.disp-a:hover{
    text-decoration: none;
}

.inner-div{
    background: white;
    text-align: center;
    padding-top: 20px;
}

.desc-col{
    padding: 0px;
}

.desc-col_2{
    padding-top: 50px;
}

.nav-ul{
    justify-content: center;
}

.nav-item{
    padding-left: 0px;
}

.dia-1{
    display: block;
    padding-left: 27%;
    margin-top: 15px;
    font-size: 18px;
}

.a-item:hover{
    color:  #8c8c8c ;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color : black;
    background-color: white;
}



.sub-ul .sub-a.active, .sub-ul .show > .sub-a {        
    color : white;
    background-color:   #28A745 ;
}




.cont-cat{
    margin-top: 30px;
}

.a-item:hover{
    border-bottom: 1px solid #edebeb ;
}

.nav-pills .nav-link {
    border-radius: 0px;
    transition: .3s linear;
}

.nav-pills .nav-link:hover{
    font-size: 105%;
}

.sub-ul .sub-a{
    border-radius: 0px;
    transition: color border ;
}

.sub-ul .sub-a:hover{
    font-size: 130%;
}

.a-item{
    color: black;
}

.content-div{
    margin-top: 50px;
}

.pro-1{
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
}

.tab-1{
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid  #dde2dc ;
    margin-top: 80px;
    padding-top: 50px;
    margin-bottom: 30px;
}

.tab--1{
    
    text-align: center;
}



h6{
    padding: 15px;
    font-size: 20px;
}

.h6-first{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    margin-top: 60px;
}

.content-row-1{
    text-align: right;
}

.content-row{
    text-align: center;
}


.content-img{
    margin-top: 50px;
    margin-bottom: 50px;
    animation-name: a1;
    animation-duration: 2s;
}

@keyframes a1{
    50%{
        box-shadow: 3px 3px 7px 7px #d1d5d0  ;
    }
}

.cont-col-2{
    background:   #f5f5f5  ;
    border-left: 1px solid  #e8dfdf;
}

.cont-col{
    background:  #fafafa   ;
}

.sub-li{
    width: 200px;
    max-width: 200px;
    margin-left: 5%;
    border: 1px solid grey;
}

.sub-ul{
    text-align: center;
    animation-name: a2;
    animation-duration: 1s;
    justify-content: center;
    margin-right: 50px;
    animation-fill-mode: both;
    transition: ease-out;
    flex-wrap: nowrap;
    
}

@keyframes a2{
  from{
      transform: translateX(70px)
  }
  to{
      transform: translateX(0px)
  }
}

.sub-li:hover{
    background: white;
    border: 1px solid black;
}

.sub-a{
    color:  grey;
    font-size: 1.3rem;
}

.sub-a:hover{
    color: black;
}

.foot-row{
    height: 70px;
}

.line-head{
    font-family: 'Rubik', sans-serif;
    text-align: center;
    margin-top: 70px;
    font-size: 2rem;
    padding-top: 10px;
    padding-bottom: 10px;
}

.line-cont{
    background: #f6f6f6;
}

.line-wrap{
    width: 100%;
    background: white;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 50px;
}

.line-row{
    margin-bottom: 15px;
}
.line-head-wrap{
    width: 30%;
    margin-left: 35%;
    box-shadow: 0px 0px 10px silver;
}
}




@media(max-width:1200px){


    .cat_i{
        text-align: center;
    
        margin-bottom: 20px;
    }
    .pdf{
        font-size: 25px;
        margin: 30px;
        padding-left: 35%;
    }

    
    .head{
        border-bottom: 1px solid #EAEAEA;
    }
    
    .add{
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        color: #AFACAC;
    }
    
    .add-col{
        border-right:1px solid #EAEAEA;
    }
    
    .add-row{
        margin-top: 20px;
    }
    
    .cont-add{
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        color: #7F7E7E;
    }
    
    .cont-ph{
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        color: #4676AE;
    }
    
    .map-row{
        margin-top: 50px;
    }
    
    .map-frame-div{
        height: 600px;
    }
    .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
        
    .first{
        margin-top: 50px;
    }
        .heading{
            font-size: 23px;
            font-family: 'Work Sans', sans-serif;
            color: #000000;
        }
    

        .example-1
        {
            z-index: 8;
    left: 87%;
    position: absolute;
    margin: 29px;
    width: 100px;
    height: 46px;
    font: 13px/130px 'Barlow Semi Condensed', sans-serif;
    letter-spacing: 3px;
    color:
    #fff;
    text-align: center;
    background:
    rgba(30, 144, 255, 0.6);
    border-radius: 0%;
    animation: shadow-pulse 2.5s infinite;
        }
    
        .catalogue-a{
            position: relative;
    z-index: 9;
    bottom: 42px;
    color:
    black;
    
    }
.catalogue-a:hover{
    text-decoration: none;
}
    @keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}






    .nav-ph{
        display: none;
    }



    .nav-row{
        padding-left: 10%;
        padding-right: 10%;
    }

    .phn-cont{
        display: none;
    }

    
    .cat-a{
        display: inline;
        text-align: center;
        color:  #efefef ;
        transition: color 0.4s;
        font-family: 'Poppins', sans-serif;
        font-family: 'Noto Sans', sans-serif;
    }
    
    .cat-a:hover{
        text-decoration: none;
        color:  #8b8b8a ;
    }
    
    .cat-h{
        font-size: 13px;
        margin-top: 12px;
    }
    
    .cat-h:active{
        text-decoration: none;
        border: none;
    }
    
    .cat-h:visited{
        border: none;
    }
    
    .logo-img{
        padding-left: 30%;
    }
    
    .cont-nav{
        background: #0a0a0a;
        position: fixed;
        z-index: 999;
    }
    
    .emp-div{
        height: 40px;
    }
    
 
.nav-col{
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.nav-col-i{
    padding-bottom: 2px;
    padding-top: 2px;
}

.nav-col-2{
    
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
    
    .wrap{
        background: #f6f6f6 ;
        margin-top: 50px;
    }
    
    .desc-row{
        background: white;
        text-align: center;
    }
    
    
    .desc-row_2{
        background: white;
        text-align: center;
        margin-top: 10px;
    }
    
    
    .h_1{
        text-align: center;
        font-family: 'Rubik', sans-serif;
        color: black;
    }
    
    .h_2{
        font-family: 'Rubik', sans-serif;
        color: black;
    }
    .disp-a:hover{
        text-decoration: none;
    }
    
    .inner-div{
        background: white;
        text-align: center;
        padding-top: 20px;
    }
    
    .desc-col{
        padding: 0px;
    }
    
    .desc-col_2{
        padding-top: 50px;
    }
    
    .nav-ul{
        justify-content: center;
    }
    
    .nav-item{
        padding-left: 0px;
    }
    
    .dia-1{
        display: block;
        padding-left: 27%;
        margin-top: 15px;
        font-size: 18px;
    }
    
    .a-item:hover{
        color:  #8c8c8c ;
    }
    
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color : black;
        background-color: white;
    }
    
    
    
    .sub-ul .sub-a.active, .sub-ul .show > .sub-a {        
        color : white;
        background-color:   #28A745 ;
    }
    
    
    
    
    .cont-cat{
        margin-top: 30px;
    }
    
    .a-item:hover{
        border-bottom: 1px solid #edebeb ;
    }
    
    .nav-pills .nav-link {
        border-radius: 0px;
        transition: .3s linear;
    }
    
    .nav-pills .nav-link:hover{
        font-size: 105%;
    }
    
    .sub-ul .sub-a{
        border-radius: 0px;
        transition: color border ;
    }
    
    .sub-ul .sub-a:hover{
        font-size: 130%;
    }
    
    .a-item{
        color: black;
    }
    
    .content-div{
        margin-top: 50px;
    }
    
    .pro-1{
        text-align: center;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    
    .tab-1{
        text-align: center;
        padding-bottom: 30px;
        padding-top: 30px;
        border-top: 1px solid  #dde2dc ;
        margin-top: 80px;
        padding-top: 50px;
        padding-top: 30px;
    }
    
    
    h6{
        padding: 15px;
        font-size: 20px;
    }
    
    .h6-first{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px;
        margin-top: 60px;
    }
    
    .content-row-1{
        text-align: right;
    }
    
    .content-row{
        text-align: center;
    }
    
    
    .content-img{
        margin-top: 50px;
        margin-bottom: 50px;
        animation-name: a1;
        animation-duration: 2s;
    }
    
    @keyframes a1{
        50%{
            box-shadow: 3px 3px 7px 7px #d1d5d0  ;
        }
    }
    
    .cont-col-2{
        background:   #f5f5f5  ;
        border-left: 1px solid  #e8dfdf;
    }
    
    .cont-col{
        background:  #fafafa   ;
    }
    
    .sub-li{
        width: 200px;
        max-width: 200px;
        margin-left: 5%;
        border: 1px solid grey;
    }
    
    .sub-ul{
        text-align: center;
        animation-name: a2;
        animation-duration: 1s;
        justify-content: center;
        margin-right: 50px;
        animation-fill-mode: both;
        transition: ease-out;
        flex-wrap: nowrap;
        
    }
    
    @keyframes a2{
      from{
          transform: translateX(70px)
      }
      to{
          transform: translateX(0px)
      }
    }
    
    .sub-li:hover{
        background: white;
        border: 1px solid black;
    }
    
    .sub-a{
        color:  grey;
        font-size: 1.3rem;
    }
    
    .sub-a:hover{
        color: black;
    }
    
    .foot-row{
        height: 70px;
    }

    .line-head{
        font-family: 'Rubik', sans-serif;
        text-align: center;
        margin-top: 70px;
        font-size: 2rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .line-cont{
        background: #f6f6f6;
    }
    
    .line-wrap{
        width: 100%;
        background: white;
        text-align: center;
        padding-bottom: 50px;
        padding-top: 50px;
    }
    
    .line-row{
        margin-bottom: 15px;
    }
    .line-head-wrap{
        width: 30%;
        margin-left: 35%;
        box-shadow: 0px 0px 10px silver;
    }

    }







    @media(max-width:990px){

        .cat_i{
            text-align: center;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .tab--1{
            font-size: 30px;
        }

            
.head{
	border-bottom: 1px solid #EAEAEA;
}

.add{
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #AFACAC;
}

.add-col{
	border-right:1px solid #EAEAEA;
}

.add-row{
	margin-top: 20px;
}

.cont-add{
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #7F7E7E;
}

.cont-ph{
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #4676AE;
}

.map-row{
	margin-top: 50px;
}

.map-frame-div{
	height: 600px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    
.first{
	margin-top: 50px;
}
    .heading{
        font-size: 23px;
        font-family: 'Work Sans', sans-serif;
        color: #000000;
    }


    .example-1
    {
        z-index: 8;
left: 83%;
position: absolute;
margin: 29px;
width: 100px;
height: 46px;
font: 13px/130px 'Barlow Semi Condensed', sans-serif;
letter-spacing: 3px;
color:
#fff;
text-align: center;
background:
rgba(30, 144, 255, 0.6);
border-radius: 0%;
animation: shadow-pulse 2.5s infinite;
    }

    .catalogue-a{
        position: relative;
z-index: 9;
bottom: 42px;
color:
black;

}
    
    .catalogue-a:hover{
        text-decoration: none;
    }
        @keyframes shadow-pulse
    {
      0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
      }
      100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
      }
    }
    
    @keyframes shadow-pulse-big
    {
      0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
      }
      100% {
        box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
      }
    }
    
    




        .nav-ph{
            display: none;
        }
    


        .nav-row{
            padding-left: 10%;
            padding-right: 10%;
        }

        .phn-cont{
            display: none;
        }
        
        .cat-a{
            display: inline;
            text-align: center;
            color:  #efefef ;
            transition: color 0.4s;
            font-family: 'Poppins', sans-serif;
            font-family: 'Noto Sans', sans-serif;
        }
        
        .cat-a:hover{
            text-decoration: none;
            color:  #8b8b8a ;
        }
        
        .cat-h{
            font-size: 13px;
            margin-top: 12px;
        }
        
        .cat-h:active{
            text-decoration: none;
            border: none;
        }
        
        .cat-h:visited{
            border: none;
        }
        
        .logo-img{
            padding-left: 30%;
        }
        
        .cont-nav{
            background: #0a0a0a;
            position: fixed;
            z-index: 999;
        }
        
        .emp-div{
            height: 40px;
        }
        
        
        .nav-col{
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}   

        .nav-col-i{
    padding-bottom: 2px;
    padding-top: 2px;
}

        .nav-col-2{
    
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
        
        .wrap{
            background: #f6f6f6 ;
            margin-top: 50px;
        }
        
        .desc-row{
            background: white;
            text-align: center;
        }
        
        
        .desc-row_2{
            background: white;
            text-align: center;
            margin-top: 10px;
        }
        
        
        .h_1{
            text-align: center;
            font-family: 'Rubik', sans-serif;
            color: black;
        }
        
        .h_2{
            font-family: 'Rubik', sans-serif;
        }
        
        .inner-div{
            background: white;
            text-align: center;
            padding-top: 20px;
        }
        
        .desc-col{
            padding: 0px;
        }
        
        .desc-col_2{
            padding-top: 50px;
        }
        
        .nav-ul{
            justify-content: center;
        }
        
        .nav-item{
            padding-left: 0px;
        }
        
        .dia-1{
            display: block;
            padding-left: 27%;
            margin-top: 15px;
            font-size: 18px;
        }
        
        .a-item:hover{
            color:  #8c8c8c ;
        }
        
        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color : black;
            background-color: white;
        }
        
        
        
        .sub-ul .sub-a.active, .sub-ul .show > .sub-a {        
            color : white;
            background-color:   #28A745 ;
        }
        
        
        
        
        .cont-cat{
            margin-top: 30px;
        }
        
        .a-item:hover{
            border-bottom: 1px solid #edebeb ;
        }
        
        .nav-pills .nav-link {
            border-radius: 0px;
            transition: .3s linear;
        }
        
        .nav-pills .nav-link:hover{
            font-size: 105%;
        }
        
        .sub-ul .sub-a{
            border-radius: 0px;
            transition: color border ;
        }
        
        .sub-ul .sub-a:hover{
            font-size: 130%;
        }
        
        .a-item{
            color: black;
        }
        
        .content-div{
            margin-top: 50px;
        }
        
        .pro-1{
            text-align: center;
            padding-bottom: 30px;
            padding-top: 30px;
        }
        
        .tab-1{
            text-align: center;
            padding-bottom: 30px;
            padding-top: 30px;
            border-top: 1px solid  #dde2dc ;
            margin-top: 80px;
            padding-top: 50px;
            padding-top: 30px;
        }
        
        
        h6{
            padding: 15px;
            font-size: 20px;
        }
        
        .h6-first{
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 30px;
            margin-top: 60px;
        }
        
        .content-row-1{
            text-align: right;
        }
        
        .content-row{
            text-align: center;
        }
        
        
        .content-img{
            margin-top: 50px;
            margin-bottom: 50px;
            animation-name: a1;
            animation-duration: 2s;
        }
        
        @keyframes a1{
            50%{
                box-shadow: 3px 3px 7px 7px #d1d5d0  ;
            }
        }
        
        .cont-col-2{
            background:   #f5f5f5  ;
            border-left: 1px solid  #e8dfdf;
        }
        
        .cont-col{
            background:  #fafafa   ;
        }
        
        .sub-li{
            width: 200px;
            max-width: 200px;
            margin-left: 5%;
            border: 1px solid grey;
        }
        
        .sub-ul{
            text-align: center;
            animation-name: a2;
            animation-duration: 1s;
            justify-content: center;
            margin-right: 50px;
            animation-fill-mode: both;
            transition: ease-out;
            flex-wrap: nowrap;
           
        }
        
        @keyframes a2{
          from{
              transform: translateX(70px)
          }
          to{
              transform: translateX(0px)
          }
        }
        
        .sub-li:hover{
            background: white;
            border: 1px solid black;
        }
        
        .sub-a{
            color:  grey;
            font-size: 1.1rem;
        }
        
        .sub-a:hover{
            color: black;
        }
        
        .foot-row{
            height: 70px;
        }
        
        .line-head{
            font-family: 'Rubik', sans-serif;
            text-align: center;
            margin-top: 70px;
            font-size: 2rem;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        
        .line-cont{
            background: #f6f6f6;
        }
        
        .line-wrap{
            width: 100%;
            background: white;
            text-align: center;
            padding-bottom: 50px;
            padding-top: 50px;
        }
        
        .line-row{
            margin-bottom: 15px;
        }
        .line-head-wrap{
            width: 40%;
            margin-left: 30%;
            box-shadow: 0px 0px 10px silver;
        }
        }