/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 Jan, 2018, 2:42:46 PM
    Author     : sachin
*/
/* Smartphones (portrait and landscape) ----------- */

@media (min-width: 390px) and (max-width: 480px) {
  
  .productheader p {
    padding-right: 0;
    padding-bottom: 100px;
    padding-left: 0;
}
    .menu-bar{
        display: none;
    }
    .projectindex{
        width: 50%;
        height: 160px;
    }
    
    .flip-card{
        height: 160px;
    }
   .jssora106 svg {
        top: 214px !important;
    } 
    
    .web_hide {
        display: block !important;
    }
    
    .navbar-nav > li > a {
        padding-top: 17px; 
    }
    
    .navbar-nav > li > a:hover {
        padding-top: 17px;
        padding-bottom: 15px;
        text-transform: uppercase;
        color: #64d5e4;
    }
    
    .inner_text {
        position: absolute;
        margin-top: -114px;
        background-color: #ff0000;
        font-size: 30px;
        color: #fff;
        padding: 12px 10px;
    }
       .flip-card-back a {
	border-radius: 2px;
	transition: all .3s;
	color: #000;
	display: inline-block;
	line-height: 2em;
	
	letter-spacing: -.5px;
	font-size: 14px;

        
    
    
}
.flip-card-back p {
	font-size: 12px;
	height: 80px;
	display: none;
}
.flip-card-back {
	font-size: 12px;
height: 20%;
width: 50%;
        text-align: center;
        margin-top: 70%;
        min-width: 120px;
}
.flip-card-back h3  {
    margin: 0px;
    padding: 0px;
}
.flip-card-back h3 a {
    font-size: 15px;
}


.shahjadslider_content_inner img {
    height: 400px;
    width: 100%;
}
.shahjadslider_leftarrow {
    height: 60px;
    width: 70px;
    float: left;
    top: 10%;
    position: absolute;
    cursor: pointer;
}


.shahjadslider_rightarrow {
    height: 60px;
    width: 70px;
    float: right;
    top: 10%;
    position: absolute;
    right: -11%;
    left: auto;
    z-index: 1;
    cursor: pointer;
}
.shahjadslider_content_rightinfo {
   width: 100%;
height: 300px;
position: absolute;
top: 30%;
z-index: 1;
background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
right: -7%;
transform: scale(0.8);
}

.shahjadslider_content_leftinfo {
    width: 60%;
    position: absolute;
    top: 7%;
    left: 20%;
    text-align: center;
    right: 20%;
}
.shahjadslider {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}

.eventheadermainpage {
    font-size: 4em;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

.mainpagenewsheader {
    color: #FFF;
    font-size: medium;
}
.social_icon_box {
    margin: 40px 0px;
    width: 100%;
    float: left;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
    display: inline;
}
.social_icon_box_area {
    color: #fff;
    border-radius: 0;
    margin: 0px 10px;
    font-size: 20px;
    display: flex;
}
.utilitylinksmain {
    display: block;
    padding: 2rem 2rem;
}

.navbarresponsive{
    margin-top: 22px;
margin-right: -5px;
}
.search_box {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    width: 80%;
    margin-bottom: 0px;
    text-align: left;
}
.search_box h1{
    font-size: 22px;
text-align: center;
}
.type_open_mainpage {
    color: #f1f1f1;
    background-color: transparent;
    width: 80%;
    margin: 40px 10%;
        margin-top: 40px;
        margin-right: 10%;
        margin-bottom: 40px;
        margin-left: 10%;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #666;
    text-transform: uppercase;
    float: left;
    text-align: left;
}

.newsmoreinfo{
    display: none;
}
.social_icon_box_area a {
    margin: 9px 0px;
}
.equalHeights_item_footer {
   height: 230px;border-left: 1px solid #d8d8d8;
}

.footerlogoresponsive{
    width: 70%
}
.btnsearchmobile{
      margin-top: -8px;
    position: absolute;
    top: 50%;
    left: 80%;
    display: inline;
}


/*..........................SeARch .....*/

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.94);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
position: absolute;
top: 50%;
color: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0);
font-weight: 300;
border: 0px;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
margin-top: -51px;
outline: none;
font-size: 20px;
padding: 10px 10px 10px 5px;
display: block;
width: 60%;
border-bottom: 1px solid #d8d8d8;
text-align: center;
left: 20%;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 45%;
    margin-top: 61px;
    margin-left: -45px;
    background: 0 0;
font-size: 2em;
color: #000;
border: none;
text-transform: uppercase;
}

#search h1{
    position: absolute;
top: 20%;
left: 10%;
background: 0 0;
font-size: 2em;
color: #000;
border: none;
text-transform: uppercase;
text-align: center;
}
#search .btn:after{
    content: "\f054";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
color: #000;
font-size: .8em;
-webkit-text-stroke: 3px #FFF;
line-height: 1em;
margin-left: 1rem;
}
#search .close {
    position: fixed;
top: 15px;
right: 15px;
color: #fff;
background-color: #151515;
border-color: #000000eb;
opacity: 1;
padding: 10px 17px;
color: #fff;
}

.home_page_slider_btn .btn-primary {
  color: #000;
background-color: #fff;
padding: 3%;
width: 60%;
margin: 3px 20px;
font-size: 15px;
font-weight: 500;
border-radius: 5px 10px 5px 0px;
border: 1px solid #666;
text-transform: uppercase;
height: 45px;
}
.related_box h2 {
    font-size: 1em;
}
.relateditemproductname p{
    text-transform: uppercase;
font-size: 11px;
font-weight: 400;
letter-spacing: -.75px;
}
.relateditemproductname {
  margin-top: -30%;
text-align: center;
color: #fff;
background: black;
position: absolute;
width: 90%;
right: 5%;
height: 30%;
}

.relateditemproduct {
	height: 70px;
	object-fit: fill;
	position: relative;
}
.projects h2 {
    font-size: 1em;}
.project_items {
    float: left;
    width: 50%;
}

.project_items img {
    width: 125px;
}


.review_box h2 {
   font-size: 22px;
text-align: center;
}
.review_img img {
    border-radius: 50%;
    width: 60%;
    height: 30%;
    margin-top: 15%;
}
.review_content {
    margin-top: 40px;
    line-height: 30px;
    padding-left: 0;
    text-align: justify;
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
    margin-top: 20px;
    text-align: center;
    margin-left: -10%;
}
.seariesbox{
    font-size: 15px;
text-align: center;
} 
.product_item {
    padding: 20px;
    width: 90%;
    margin: 10px;
    font-size: 13px;
    font-weight: 200;
    border-radius: 15px 0px 30px 0px;
    border: 1px solid #ff9800;
    text-transform: uppercase;
    color: #f3f3f3;
    line-height: 30px;
    top: 25%;
    position: absolute;
    background: #0000006e;
    transition: opacity 4s linear, height 4s step-start;
}
  
.advancesearchboxinput i {
    font-size: 20px;
    color: #a2a2a2;
    position: absolute;
}
.advancesearchheader {
    display: inline-flex;
    margin-top: 30px;
    border: 1px solid #0a0a0a45;
    width: 130%;
    margin-left: -20%;
}
.advancesearchbody {
    
    width: 130%;
    margin-left: -20%;
}

.advancesearchbodyfilters select {
    height: 50px;
    box-shadow: 1px 1px 3px #888;
    width: 156px;
    min-width: 170px;
}
.colourforsearch {
    width: 100%;
    background: white;
    min-width: 130px;
    box-shadow: 1px 1px 3px #888;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 1px;
    grid-gap: 2px;
    position: relative;
}



}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}


















@media (min-width: 1502px) and (max-width: 2000px)  { 
    
    
 .shahjadslider_content_rightinfo {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 62%;
    z-index: 1;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    margin-left: 70%;
}

}



@media screen and (min-width: 1501px) {  
    
    
    .inner_text {
        position: absolute;
        margin-top: -100px;
        background-color: #ff0000;
        font-size: 25px;
        color: #fff;
        padding: 4px 10px;
    }
      
  .flip-card{
        height: 400px;
    }
    
    .flip-card-back h3 a {
    font-size: 30px;
}
.flip-card-back{
    margin-top: 50%;

}
}

@media screen and (max-width: 1500px) {  
    
    
    .inner_text {
        position: absolute;
        margin-top: -100px;
        background-color: #ff0000;
        font-size: 25px;
        color: #fff;
        padding: 4px 10px;
    }
      
  .flip-card{
        height: 400px;
    }
    
    .flip-card-back h3 a {
    font-size: 30px;
}
.flip-card-back{
    margin-top: 50%;

}
    
}
@media screen and (max-width: 1366px) {  
    
    
    .inner_text {
        position: absolute;
        margin-top: -100px;
        background-color: #ff0000;
        font-size: 25px;
        color: #fff;
        padding: 4px 10px;
    }
      
  .flip-card{
        height: 400px;
    }
    
    .flip-card-back h3 a {
    font-size: 30px;
}
.flip-card-back{
    margin-top: 60%;

}
    
}
@media screen and (max-width: 1366px) {  
    
    
    .inner_text {
        position: absolute;
        margin-top: -100px;
        background-color: #ff0000;
        font-size: 25px;
        color: #fff;
        padding: 4px 10px;
    }
      
  .flip-card{
        height: 400px;
    }
    .flip-card-back h3 a {
    font-size: 28px;
}
.flip-card-back{
    margin-top: 60%;

}
}


@media screen and (max-width: 1200px) {   
    .flip-card-back{
    margin-top: 60%;

}

    .menu-bar{
        display: block;
    }

    .box-wrap-img{
      display: none;  
    }


    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
    {
      color: #44d62c;   
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border: 0px;
        overflow: hidden;
    }
    
    .inner_text {
        position: absolute;
        margin-top: -70px;
        background-color: #ff0000;
        font-size: 25px;
        color: #fff;
        padding: 0px 10px;
    }
    
    .search_box .fa{
        display: none;
    }
    
    .search_box span{
        display: none;
    }
    
    .search_box div{
        margin: 10px 0px;
    }
    
    html {
        overflow-x: hidden;
        margin: 0px 0px;
    }
    
    .menu{
        padding: 0px 10px;
    }
    
    .menu-bar{
         padding: 0px 10px;
    }
   
    
    .search_box {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 500;
        width: 80%;
        margin-bottom: 0px;
    }
    
    
  .flip-card{
        height: 400px;
    }
    .flip-card-back h3 a {
    font-size: 20px;
}
}

@media screen and (max-width: 992px) {
    .flip-card-back{
    margin-top: 60%;

}
    
   .jssora106 svg {
        top: 234px !important;
    } 
    
  
    
    .navbar-nav > li > a {
        padding-top: 24px;
        padding-bottom: 15px;
        text-transform: uppercase;
    }
    
    .navbar-nav > li > a:hover {
        padding-top: 24px;
        padding-bottom: 15px;
        text-transform: uppercase;
        color: #64d5e4;
    }
    
    .inner_text {
        position: absolute;
        margin-top: -180px;
        background-color: #ff0000;
        font-size: 30px;
        color: #fff;
        padding: 12px 10px;
    }
    
.btnsearchmobile{
    margin-top: 0px;
position: absolute;
top: 40%;
left: 72%;
display: none;
}
}
@media screen and (max-width: 812px) {
    
    .menu-bar{
        display: none;
    }
    .projectindex{
        width: 50%;
        height: 200px;
    }
    
    .flip-card{
        height: 200px;
    }
   .jssora106 svg {
        top: 214px !important;
    } 
    
    .web_hide {
        display: block !important;
    }
    
    .navbar-nav > li > a {
        padding-top: 17px; 
    }
    
    .navbar-nav > li > a:hover {
        padding-top: 17px;
        padding-bottom: 15px;
        text-transform: uppercase;
        color: #64d5e4;
    }
    
    .inner_text {
        position: absolute;
        margin-top: -114px;
        background-color: #ff0000;
        font-size: 30px;
        color: #fff;
        padding: 12px 10px;
    }
       .flip-card-back a {
	border-radius: 2px;
	transition: all .3s;
	color: #000;
	display: inline-block;
	line-height: 2em;
	
	letter-spacing: -.5px;
	font-size: 14px;

        
    
    
}
.flip-card-back p {
	font-size: 12px;
	height: 80px;
	display: none;
}
.flip-card-back {
	font-size: 12px;
height: 20%;
width: 50%;
        text-align: center;
        margin-top: 35%;
}
.flip-card-back h3  {
    margin: 0px;
    padding: 0px;
}
.flip-card-back h3 a {
    font-size: 16px;
}


.shahjadslider_content_rightinfo {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 48%;
    z-index: 1;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    float: right;
    margin-left: 48%;
}
.shahjadslider_content_inner img {
    height: 600px;
    width: 100%;
}
.shahjadslider {
    width: 100%;
    height: 600px;
    margin-bottom: 30px;
}
.shahjadslider_leftarrow {
    height: 100px;
    width: 100px;
    float: left;
    top: 30%;
    position: absolute;
    cursor: pointer;
}
.shahjadslider_rightarrow {
    height: 100px;
    width: 100px;
    float: right;
    top: 30%;
    position: absolute;
    right: -4%;
    left: auto;
    z-index: 1;
    cursor: pointer;
}
.shahjadslider_content_leftinfo {
    width: 250px;
    height: 90px;
    position: absolute;
    top: 80%;
    left: 2%;
}
}


@media screen and (max-width: 768px) {
    
    .menu-bar{
        display: none;
    }
    .projectindex{
        width: 50%;
        height: 200px;
    }
    
    .flip-card{
        height: 200px;
    }
   .jssora106 svg {
        top: 214px !important;
    } 
    
    .web_hide {
        display: block !important;
    }
    
    .navbar-nav > li > a {
        padding-top: 17px; 
    }
    
    .navbar-nav > li > a:hover {
        padding-top: 17px;
        padding-bottom: 15px;
        text-transform: uppercase;
        color: #64d5e4;
    }
    
    .inner_text {
        position: absolute;
        margin-top: -114px;
        background-color: #ff0000;
        font-size: 30px;
        color: #fff;
        padding: 12px 10px;
    }
       .flip-card-back a {
	border-radius: 2px;
	transition: all .3s;
	color: #000;
	display: inline-block;
	line-height: 2em;
	
	letter-spacing: -.5px;
	font-size: 14px;

        
    
    
}
.flip-card-back p {
	font-size: 12px;
	height: 80px;
	display: none;
}
.flip-card-back {
	font-size: 12px;
height: 20%;
width: 50%;
        text-align: center;
        margin-top: 35%;
}
.flip-card-back h3  {
    margin: 0px;
    padding: 0px;
}
.flip-card-back h3 a {
    font-size: 16px;
}
.btnsearchmobile{
    margin-top: 0px;
position: absolute;
top: 40%;
left: 72%;display: inline;
}
}

@media screen and (max-width: 568px) {
    
    .menu-bar{
        display: none;
    }
    .projectindex{
        width: 50%;
        height: 200px;
    }
    
    .flip-card{
        height: 200px;
    }
   .jssora106 svg {
        top: 214px !important;
    } 
    
    .web_hide {
        display: block !important;
    }
    
    .navbar-nav > li > a {
        padding-top: 17px; 
    }
    
    .navbar-nav > li > a:hover {
        padding-top: 17px;
        padding-bottom: 15px;
        text-transform: uppercase;
        color: #64d5e4;
    }
    
    .inner_text {
        position: absolute;
        margin-top: -114px;
        background-color: #ff0000;
        font-size: 30px;
        color: #fff;
        padding: 12px 10px;
    }
       .flip-card-back a {
	border-radius: 2px;
	transition: all .3s;
	color: #000;
	display: inline-block;
	line-height: 2em;
	
	letter-spacing: -.5px;
	font-size: 14px;

        
    
    
}
.flip-card-back p {
	font-size: 12px;
	height: 80px;
	display: none;
}
.flip-card-back {
	font-size: 12px;
height: 20%;
width: 50%;
        text-align: center;
        margin-top: 70%;
}
.flip-card-back h3  {
    margin: 0px;
    padding: 0px;
}
.flip-card-back h3 a {
    font-size: 15px;
}


.shahjadslider_content_inner img {
    height: 400px;
    width: 100%;
}
.shahjadslider_leftarrow {
    height: 60px;
    width: 70px;
    float: left;
    top: 10%;
    position: absolute;
    cursor: pointer;
}


.shahjadslider_rightarrow {
    height: 60px;
    width: 70px;
    float: right;
    top: 10%;
    position: absolute;
    right: -11%;
    left: auto;
    z-index: 1;
    cursor: pointer;
}
.shahjadslider_content_rightinfo {
    width: 100%;
    height: 265px;
    position: absolute;
    top: 26%;
    z-index: 1;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    right: 0%;
}

.shahjadslider_content_leftinfo {
    width: 60%;
    position: absolute;
    top: 7%;
    left: 20%;
    text-align: center;
    right: 20%;
}
.shahjadslider {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}

.eventheadermainpage {
    font-size: 4em;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

.mainpagenewsheader {
    color: #FFF;
    font-size: medium;
}
.social_icon_box {
    margin: 40px 0px;
    width: 100%;
    float: left;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
    display: inline;
}
.social_icon_box_area {
    color: #fff;
    border-radius: 0;
    margin: 0px 10px;
    font-size: 20px;
    display: flex;
}
.utilitylinksmain {
    display: block;
    padding: 2rem 2rem;
}

.navbarresponsive{
    margin-top: 22px;
margin-right: -5px;
}

.btnsearchmobile{
    margin-top: 0px;
position: absolute;
top: 40%;
left: 72%;display: inline;
}

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.94);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
position: absolute;
top: 50%;
color: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0);
font-weight: 300;
border: 0px;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
margin-top: -51px;
outline: none;
font-size: 20px;
padding: 10px 10px 10px 5px;
display: block;
width: 60%;
border-bottom: 1px solid #d8d8d8;
text-align: center;
left: 20%;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 45%;
    margin-top: 61px;
    margin-left: -45px;
    background: 0 0;
font-size: 2em;
color: #000;
border: none;
text-transform: uppercase;
}

#search h1{
    position: absolute;
top: 20%;
left: 15%;
background: 0 0;
font-size: 2em;
color: #000;
border: none;
text-transform: uppercase;
text-align: center;
}
#search .btn:after{
    content: "\f054";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
color: #000;
font-size: .8em;
-webkit-text-stroke: 3px #FFF;
line-height: 1em;
margin-left: 1rem;
}
#search .close {
    position: fixed;
top: 15px;
right: 15px;
color: #fff;
background-color: #151515;
border-color: #0000eb;
opacity: 1;
padding: 10px 17px;
color: #fff;
}
}


@media screen and (max-width: 321px) {
    
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (max-width: 1501px){
  
   .shahjadslider_content_rightinfo {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 62%;
    z-index: 1;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    margin-left: 64%;
}
.relateditemproductname {
    margin-top: -38%;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    height: 30%;
    padding-top: 8%;
    position: absolute;
    width: 95%;
    right: 1%;
}
  .home_page_slider_btn .btn-primary {
    color: #fff;
    background-color: #2d2d2d;
    border-color: #666;
    padding: 15px;
    border-radius: 0;
    width: 235px;
    margin: 3px 20px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 30px 0px 30px 0px;
    -moz-border-radius: 30px 0px 30px 0px;
    -webkit-border-radius: 30px 0px 30px 0px;
    border: 1px solid #666;
    text-transform: uppercase;
}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  .shahjadslider_content_rightinfo {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 62%;
    z-index: 1;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    float: right;
    margin-left: 58%;
}
.home_page_slider_btn .btn-primary {
    color: #fff;
    background-color: #2d2d2d;
    border-color: #666;
    padding: 15px;
    border-radius: 0;
    width: 300px;
    margin: 3px 20px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 30px 0px 30px 0px;
    -moz-border-radius: 30px 0px 30px 0px;
    -webkit-border-radius: 30px 0px 30px 0px;
    border: 1px solid #666;
    text-transform: uppercase;
}

  .relateditemproductname {
    margin-top: -44%;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    height: 30%;
    padding-top: 8%;
    position: absolute;
    width: 95%;
    right: 1%;
}
.relateditemproductname p{
    text-transform: uppercase;
font-size: 22px;
font-weight: 400;
letter-spacing: -.75px;
}
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  .shahjadslider_content_rightinfo {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 48%;
    z-index: 1;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    float: right;
    margin-left: 45%;
}
  .relateditemproductname {
    margin-top: -35%;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    height: 30%;
    padding-top: 8%;
    position: absolute;
    width: 95%;
    right: 1%;
}
.project_items img {
    width: 232px;
}
.review_img img {
    border-radius: 50%;
    width: 60%;
    height: 80%;
    margin-top: -2%;
}
.home_page_slider_btn .btn-primary {
    color: #fff;
    background-color: #2d2d2d;
    padding: 15px;
    width: 300px;
    margin: 5px 20px;
    font-size: 20px;
    font-weight: 600;
    -webkit-border-radius: 30px 0px 30px 0px;
    border: 1px solid #666;
    text-transform: uppercase;
}
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .shahjadslider_content_rightinfo {
    width: 400px;
    height: 300px;
    position: absolute;
    top: 62%;
    z-index: 1;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    float: right;
    margin-left: 58%;
}
  .relateditemproductname {
    margin-top: -43%;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    height: 30%;
    padding-top: 8%;
    position: absolute;
    width: 95%;
    right: 1%;
}

.relateditemproductname p{
    text-transform: uppercase;
font-size: 25px;
font-weight: 400;
letter-spacing: -.75px;
}


.home_page_slider_btn .btn-primary {
    color: #fff;
    background-color: #2d2d2d;
    padding: 15px;
    width: 300px;
    margin: 3px 20px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 30px 0px 30px 0px;
   
    border: 1px solid #666;
    text-transform: uppercase;
    /*! height: 60px; */
}


.flip-card {
    height: 330px;
}
.item_box img {
    width: 100%;
    height: 380px;
}
.social_icon_box {
    margin: 18px 0px;
    width: 100%;
    float: left;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 10rem;
    padding-right: 10rem;
    padding-bottom: 5rem;
    padding-top: 5rem;
}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  

.shahjadslider_rightarrow {
    height: 60px;
    width: 70px;
    float: right;
    top: 10%;
    position: absolute;
    right: -9%;
    left: auto;
    z-index: 1;
    cursor: pointer;
}
    .shahjadslider_content_rightinfo {
    width: 100%;
    height: 265px;
    position: absolute;
    top: 38%;
    z-index: 1;
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
    right: -5%;
    transform: scale(0.9);
}
.flip-card-back {
    height: 20%;
    width: 50%;
    text-align: center;
    margin-top: 55%;
}
.home_page_slider_btn .btn-primary {
    color: #fff;
    background-color: #2d2d2d;
    padding: 3%;
    width: 60%;
    margin: 3px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px 0px 30px 0px;
    border: 1px solid #666;
    text-transform: uppercase;
    height: 45px;
}
     .relateditemproduct {
	height: 70px;
	object-fit: fill;
	position: relative;
}
  .shahjadslider_content_inner img {
    height: 400px;
    width: 100%;
}
.shahjadslider_leftarrow {
    height: 60px;
    width: 70px;
    float: left;
    top: 10%;
    position: absolute;
    cursor: pointer;
}


.shahjadslider_rightarrow {
    height: 60px;
    width: 70px;
    float: right;
    top: 10%;
    position: absolute;
    right: -11%;
    left: auto;
    z-index: 1;
    cursor: pointer;
}
.shahjadslider_content_rightinfo {
   width: 100%;
height: 300px;
position: absolute;
top: 30%;
z-index: 1;
background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
right: -7%;
transform: scale(0.8);
}

.shahjadslider_content_leftinfo {
    width: 60%;
    position: absolute;
    top: 7%;
    left: 20%;
    text-align: center;
    right: 20%;
}
.shahjadslider {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}

.eventheadermainpage {
    font-size: 4em;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

.mainpagenewsheader {
    color: #FFF;
    font-size: medium;
}
.social_icon_box {
    margin: 40px 0px;
    width: 100%;
    float: left;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
    display: inline;
}
.social_icon_box_area {
    color: #fff;
    border-radius: 0;
    margin: 0px 70px;
    font-size: 20px;
    display: flex;
}
.utilitylinksmain {
    display: block;
    padding: 2rem 2rem;
}

.navbarresponsive{
    margin-top: 22px;
margin-right: -5px;
}
.search_box {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    width: 80%;
    margin-bottom: 0px;
    text-align: left;
}
.search_box h1{
    font-size: 22px;
text-align: center;
}
.type_open_mainpage {
    color: #f1f1f1;
    background-color: transparent;
    width: 80%;
    margin: 40px 10%;
        margin-top: 40px;
        margin-right: 10%;
        margin-bottom: 40px;
        margin-left: 10%;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #666;
    text-transform: uppercase;
    float: left;
    text-align: left;
}

.newsmoreinfo{
    display: none;
}
.social_icon_box_area a {
    margin: 9px 0px;
}
.equalHeights_item_footer {
   height: 230px;border-left: 1px solid #d8d8d8;
}

.footerlogoresponsive{
    width: 70%
}
.btnsearchmobile{
      margin-top: -8px;
    position: absolute;
    top: 50%;
    left: 80%;
    display: inline;
}


/*..........................SeARch .....*/

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.94);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
position: absolute;
top: 50%;
color: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0);
font-weight: 300;
border: 0px;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
margin-top: -51px;
outline: none;
font-size: 20px;
padding: 10px 10px 10px 5px;
display: block;
width: 60%;
border-bottom: 1px solid #d8d8d8;
text-align: center;
left: 20%;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 45%;
    margin-top: 61px;
    margin-left: -45px;
    background: 0 0;
font-size: 2em;
color: #000;
border: none;
text-transform: uppercase;
}

#search h1{
    position: absolute;
top: 20%;
left: 10%;
background: 0 0;
font-size: 2em;
color: #000;
border: none;
text-transform: uppercase;
text-align: center;
}
#search .btn:after{
    content: "\f054";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
color: #000;
font-size: .8em;
-webkit-text-stroke: 3px #FFF;
line-height: 1em;
margin-left: 1rem;
}
#search .close {
    position: fixed;
top: 15px;
right: 15px;
color: #fff;
background-color: #151515;
border-color: #000000eb;
opacity: 1;
padding: 10px 17px;
color: #fff;
}

.home_page_slider_btn .btn-primary {
    color: #fff;
    background-color: #2d2d2d;
    padding: 3%;
    width: 60%;
    margin: 3px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px 0px 30px 0px;
    border: 1px solid #666;
    text-transform: uppercase;
    height: 45px;
}
.related_box h2 {
    font-size: 1em;
}
.relateditemproductname p{
    text-transform: uppercase;
font-size: 11px;
font-weight: 400;
letter-spacing: -.75px;
margin-top: -6%;
}
.relateditemproductname {
  margin-top: -62%;
text-align: center;
color: #fff;
background: black;
position: absolute;
width: 90%;
right: 5%;
height: 30%;
}

.relateditemproduct {
	height: 70px;
	object-fit: fill;
	position: relative;
}
.projects h2 {
    font-size: 1em;}
.project_items {
    float: left;
    width: 50%;
}

.project_items img {
   width: 215px;
padding: 6px;
}


.review_box h2 {
   font-size: 22px;
text-align: center;
}
.review_img img {
    border-radius: 50%;
    width: 60%;
    height: 30%;
    margin-top: 0%;
}
.review_content {
    margin-top: 40px;
    line-height: 30px;
    padding-left: 0;
    text-align: justify;
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
    margin-top: 20px;
    text-align: center;
    margin-left: -10%;
}
.seariesbox{
    font-size: 15px;
text-align: center;
} 
.product_item {
    padding: 20px;
    width: 90%;
    margin: 10px;
    font-size: 13px;
    font-weight: 200;
    border-radius: 15px 0px 30px 0px;
    border: 1px solid #ff9800;
    text-transform: uppercase;
    color: #f3f3f3;
    line-height: 30px;
    top: 25%;
    position: absolute;
    background: #0000006e;
    transition: opacity 4s linear, height 4s step-start;
}
  .itemnameproductinfo {
    padding-left: 2%;
    padding-top: 1%;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #0a0a0a57;
    height: 50px;
    box-shadow: 1px 1px 3px #888;
    display: inline-flex;
    width: 45%;
    background: #d1d6d7;
    margin-top: 8px;
    color: #34393e;
}
.itemnameproductdata {
    padding-left: 5%;
    padding-top: 1%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border: 1px solid #0a0a0a45;
    height: 50px;
    box-shadow: 1px 1px 3px #888;
    display: inline-flex;
    width: 45%;
    margin-right: 8px;
}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 389px) {
  
  
    .menu-bar{
        display: none;
    }
    .projectindex{
        width: 50%;
        height: 160px;
    }
    
    .flip-card{
        height: 160px;
    }
   .jssora106 svg {
        top: 214px !important;
    } 
    
    .web_hide {
        display: block !important;
    }
    
    .navbar-nav > li > a {
        padding-top: 17px; 
    }
    
    .navbar-nav > li > a:hover {
        padding-top: 17px;
        padding-bottom: 15px;
        text-transform: uppercase;
        color: #64d5e4;
    }
    
    .inner_text {
        position: absolute;
        margin-top: -114px;
        background-color: #ff0000;
        font-size: 30px;
        color: #fff;
        padding: 12px 10px;
    }
       .flip-card-back a {
	border-radius: 2px;
	transition: all .3s;
	color: #000;
	display: inline-block;
	line-height: 2em;
	
	letter-spacing: -.5px;
	font-size: 14px;

        
    
    
}
.flip-card-back p {
	font-size: 12px;
	height: 80px;
	display: none;
}
.flip-card-back {
	font-size: 12px;
height: 20%;
width: 50%;
        text-align: center;
        margin-top: 70%;
        min-width: 120px;
}
.flip-card-back h3  {
    margin: 0px;
    padding: 0px;
}
.flip-card-back h3 a {
    font-size: 15px;
}


.shahjadslider_content_inner img {
    height: 400px;
    width: 100%;
}
.shahjadslider_leftarrow {
    height: 60px;
    width: 70px;
    float: left;
    top: 10%;
    position: absolute;
    cursor: pointer;
}


.shahjadslider_rightarrow {
    height: 60px;
    width: 70px;
    float: right;
    top: 10%;
    position: absolute;
    right: -11%;
    left: auto;
    z-index: 1;
    cursor: pointer;
}
.shahjadslider_content_rightinfo {
   width: 100%;
height: 300px;
position: absolute;
top: 30%;
z-index: 1;
background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
right: -7%;
transform: scale(0.8);
}

.shahjadslider_content_leftinfo {
    width: 60%;
    position: absolute;
    top: 7%;
    left: 20%;
    text-align: center;
    right: 20%;
}
.shahjadslider {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}

.eventheadermainpage {
    font-size: 4em;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

.mainpagenewsheader {
    color: #FFF;
    font-size: medium;
}
.social_icon_box {
    margin: 40px 0px;
    width: 100%;
    float: left;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
    display: inline;
}
.social_icon_box_area {
    color: #fff;
    border-radius: 0;
    margin: 0px 10px;
    font-size: 20px;
    display: flex;
}
.utilitylinksmain {
    display: block;
    padding: 2rem 2rem;
}

.navbarresponsive{
    margin-top: 22px;
margin-right: -5px;
}
.search_box {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    width: 80%;
    margin-bottom: 0px;
    text-align: left;
}
.search_box h1{
    font-size: 22px;
text-align: center;
}
.type_open_mainpage {
    color: #f1f1f1;
    background-color: transparent;
    width: 80%;
    margin: 40px 10%;
        margin-top: 40px;
        margin-right: 10%;
        margin-bottom: 40px;
        margin-left: 10%;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #666;
    text-transform: uppercase;
    float: left;
    text-align: left;
}

.newsmoreinfo{
    display: none;
}
.social_icon_box_area a {
    margin: 9px 0px;
}
.equalHeights_item_footer {
   height: 230px;border-left: 1px solid #d8d8d8;
}

.footerlogoresponsive{
    width: 70%
}
.btnsearchmobile{
      margin-top: -8px;
    position: absolute;
    top: 50%;
    left: 80%;
    display: inline;
}


/*..........................SeARch .....*/

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.94);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
position: absolute;
top: 50%;
color: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0);
font-weight: 300;
border: 0px;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
margin-top: -51px;
outline: none;
font-size: 20px;
padding: 10px 10px 10px 5px;
display: block;
width: 60%;
border-bottom: 1px solid #d8d8d8;
text-align: center;
left: 20%;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 45%;
    margin-top: 61px;
    margin-left: -45px;
    background: 0 0;
font-size: 2em;
color: #000;
border: none;
text-transform: uppercase;
}

#search h1{
    position: absolute;
top: 20%;
left: 10%;
background: 0 0;
font-size: 2em;
color: #000;
border: none;
text-transform: uppercase;
text-align: center;
}
#search .btn:after{
    content: "\f054";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
color: #000;
font-size: .8em;
-webkit-text-stroke: 3px #FFF;
line-height: 1em;
margin-left: 1rem;
}
#search .close {
    position: fixed;
top: 15px;
right: 15px;
color: #fff;
background-color: #151515;
border-color: #000000eb;
opacity: 1;
padding: 10px 17px;
color: #fff;
}

.home_page_slider_btn .btn-primary {
    color: #fff;
    background-color: #2d2d2d;
    padding: 3%;
    width: 60%;
    margin: 3px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px 0px 30px 0px;
    border: 1px solid #666;
    text-transform: uppercase;
    height: 45px;
}
.related_box h2 {
    font-size: 1em;
}
.relateditemproductname p{
    text-transform: uppercase;
font-size: 11px;
font-weight: 400;
letter-spacing: -.75px;
}
.relateditemproductname {
  margin-top: -30%;
text-align: center;
color: #fff;
background: black;
position: absolute;
width: 90%;
right: 5%;
height: 30%;
}

.relateditemproduct {
	height: 70px;
	object-fit: fill;
	position: relative;
}
.projects h2 {
    font-size: 1em;}
.project_items {
    float: left;
    width: 50%;
}

.project_items img {
    width: 125px;
}


.review_box h2 {
   font-size: 22px;
text-align: center;
}
.review_img img {
    border-radius: 50%;
    width: 60%;
    height: 30%;
    margin-top: 15%;
}
.review_content {
    margin-top: 40px;
    line-height: 30px;
    padding-left: 0;
    text-align: justify;
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
    margin-top: 20px;
    text-align: center;
    margin-left: -10%;
}
.seariesbox{
    font-size: 15px;
text-align: center;
} 
.product_item {
    padding: 20px;
    width: 90%;
    margin: 10px;
    font-size: 13px;
    font-weight: 200;
    border-radius: 15px 0px 30px 0px;
    border: 1px solid #ff9800;
    text-transform: uppercase;
    color: #f3f3f3;
    line-height: 30px;
    top: 25%;
    position: absolute;
    background: #0000006e;
    transition: opacity 4s linear, height 4s step-start;
}
  .itemnameproductinfo {
    padding-left: 2%;
    padding-top: 1%;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #0a0a0a57;
    height: 50px;
    box-shadow: 1px 1px 3px #888;
    display: inline-flex;
    width: 45%;
    background: #d1d6d7;
    margin-top: 8px;
    color: #34393e;
}

.itemnameproductdata {
    padding-left: 5%;
    padding-top: 1%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border: 1px solid #0a0a0a45;
    height: 50px;
    box-shadow: 1px 1px 3px #888;
    display: inline-flex;
    width: 45%;
    margin-right: 8px;
}






.advancesearchboxinput i {
    font-size: 20px;
    color: #a2a2a2;
    position: absolute;
}
.advancesearchheader {
    display: inline-flex;
    margin-top: 30px;
    border: 1px solid #0a0a0a45;
    width: 130%;
    margin-left: -20%;
}
.advancesearchbody {
    
    width: 130%;
    margin-left: -20%;
}

.advancesearchbodyfilters select {
    height: 50px;
    box-shadow: 1px 1px 3px #888;
    width: 156px;
    min-width: 170px;
}
.colourforsearch {
    width: 100%;
    background: white;
    min-width: 130px;
    box-shadow: 1px 1px 3px #888;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 1px;
    grid-gap: 2px;
    position: relative;
}

}