
html, body{ margin:0; font-size: 100%; font-family: 'Lato', sans-serif; background: #f0f0f0; }
body a {  text-decoration: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
 text-decoration:none; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } a:hover{ text-decoration:none; }
input[type="button"],input[type="submit"]{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; }
h1,h2,h3,h4,h5,h6{ margin:0; font-family: 'Federo', sans-serif;  }	
p{ margin:0;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
ul{ margin:0; padding:0; }
label{ margin:0;  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
*{ margin:0; padding:0; }


/*page load Pupup*/
.pageloadPupup{}
.pageloadPupup .modal-dialog { width: 800px; margin: 100px auto; background: #101f18; overflow: hidden; border-radius: 15px; }
.pageloadPupup .modal-content{  overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; box-shadow: 0px 13px 35px -12px rgb(35, 35, 35); }

/*.modal-header .close { margin-top: -15px; margin-right: 15px; }
.close {float: right;font-size: 30px;font-weight: bold;line-height: 1;color: #00000080;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: 1;}
*/a.btnblack{font-family: 'Abel-Regular'; padding: 10px 35px; background: #e7fb5e; opacity: 1; text-decoration: none; font-weight: bold; color: #000; border: 1px solid #ccc; border-radius: 4px; font-size: 20px; margin: 0px 0 0 0; display: inline-block;line-height: 21px;}
a.btnblack:hover{background: #c8003e; color: #fff;}
button.close{float: left; font-family: 'Abel-Regular'; padding: 10px 40px; background: #e60047; opacity: 1; color: #fff; margin: 0 20px 10px 15px; display: inline-block; font-size: 20px; letter-spacing: 0.5px; border: 1px solid #ff004f; border-radius: 5px;}
button.close:hover{background: #330111;}
img.modal-body-banner{ width:100%;}
.pageloadPupup .modal-body{ position: relative; }
.pageloadPupup .modal-body .pup-text{ position: absolute; content: ""; top: 90px; left: 0; width: 75%; }
.pageloadPupup .modal-body p{text-align: left; color: #161616; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; padding: 0 0 0 15px; margin: 0;}
.pageloadPupup .modal-body h5{text-align: left; padding: 10px 0 10px 15px; margin: 0; color: #c8003e; font-weight: bold; font-size: 20px; line-height: 25px;}
.pageloadPupup .modal-body{ padding: 0; }
.pageloadPupup .modal-body ul{padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300;}
.pageloadPupup .modal-body ul li{list-style: none; color: #101f18; font-size: 16px; line-height: 35px; text-align: center; transition: all 600ms ease-in-out; font-family: "Poppins", sans-serif; text-transform: capitalize; }
.pageloadPupup .modal-body ul li:hover{font-style: italic;transition:all 600ms ease-in-out;}

/*end reset*/

@font-face{
font-family: "Abel-Regular";
src:url(../fonts/Abel-Regular.ttf);
}

@font-face{
font-family: "BlackOpsOne-Regular";
src:url(../fonts/BlackOpsOne-Regular.ttf);
}


body{ width:100%; font-family: "Abel-Regular"; background-attachment: fixed;
background-size: cover;      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
}
.container{ width:1300px; overflow: hidden; }
.body-left{ position: fixed; left: -10px; z-index: 9999; top: 180px; }
.body-left img{ width: 50%; }

.body-right{ position: fixed; right: -10px; z-index: 9999; top: 300px; }
.body-right ul{ padding: 0; margin: 0; }
.body-right ul li{ padding: 0; margin: 0; list-style: none; }
.body-right ul li a{  padding: 10px 10px; margin: 0 -70px 0 0px; color: #fff;text-decoration: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; display: block; background: #006eb8; transition:500ms ease-in-out;}
.body-right ul li a:hover{  padding: 10px 10px; margin: 0 0px 0 0px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; transition:500ms ease-in-out;}
.body-right ul li a i.fa{     color: #fff; font-weight: bold; padding: 0 10px 0 0; }

/*/*header-sticky*/
/*.sticky { position: fixed; top: 0; width: 100%; z-index: 99999 }
.sticky + .banner { padding-top: 102px; }*/

/*header-top*/
.header-top{ position: relative; width: 100%; height: auto; background: #c7003d; padding: 1px 0; margin: 0px 0; z-index: 999; }
.header-top .barnd-text{ position: relative; width: 100%;  }
.header-top .barnd-text p{  padding: 0 0 0; line-height: 20px; display: inline; text-transform: revert; color: #fff; font-size: 13px; letter-spacing: 0; font-family: 'Lato', sans-serif; }
.header-top .barnd-text marquee{font-size: 14px; color: #fff; letter-spacing: 0; font-family: "Abel-Regular"; line-height: 20px; padding: 4px 0 0 0;}
.header-top .barnd-text marquee b{ color: #f7fd5c;}
.header-top .barnd-help{ position: relative; width: 100%; color: #d60646; text-align: right; }
.header-top .barnd-help a{ text-decoration: none; color: #ededed; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 13px; padding: 0 9px;}
.header-top .barnd-help a:hover{ text-decoration: none; color: #fff; }
.header-top .barnd-catag{ width:100%; position: relative; }
.header-top .barnd-catag .dropbtn { color: white; background: none; font-size: 16px; border: none; }
.header-top .barnd-catag .dropbtn img{ width: 90%; }
.header-top .barnd-catag .dropbtn {     width: 100%; color: #ffffff; padding: 5px 0; font-size: 13px; border: none; border-right: 1px solid #b90039; outline: none; border-left: 1px solid #b90039; border-radius: 4px; background-color: rgba(0,0,0,0.1); transition: all 600ms ease-in-out; text-transform: uppercase; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; letter-spacing: 2px; }
.header-top .barnd-catag .dropdown { position: relative; display: inline-block;     width: 100%;}
.header-top .barnd-catag .dropdown-content { display: none; position: absolute; background-color: #e40046; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.39);z-index: 1;}
.header-top .barnd-catag .dropdown-content a { color: #fff; padding: 5px 0px 5px 10px; text-decoration: none; display: block; text-transform: uppercase; transition: all 600ms ease-in-out;  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 13px; line-height: 20px; margin: 0; border-bottom: 0.5px dotted #8a072f; }
.header-top .barnd-catag .dropdown-content a:hover {background-color: #b10036; color: #fff; letter-spacing: 0.5px; transition: all 400ms ease-in-out; }
.header-top .barnd-catag .dropdown:hover .dropdown-content {display: block}
.header-top .barnd-catag .dropdown:hover .dropbtn {background-color: #3e8e41;  background: none; }

 .barnd-catag{ width:100%; position: relative; float: right; width: 65%; height: 100px; display: inline-block;  text-align: center;}
 .barnd-catag .dropbtn { color: white; background: none; font-size: 16px; border: none; }
 .barnd-catag .dropbtn img{ width: 90%; }
 .barnd-catag .dropbtn {   width: 100%; border: none; outline: none; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; font-size: 15px; display: block; vertical-align: text-top; padding: 45px 0; color: #ededed; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; background: #c7003d8f;}
 .barnd-catag .dropdown { position: relative; display: inline-block;     width: 100%;}
 .barnd-catag .dropdown-content { display: none; position: absolute; background-color: #e40046; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.39);z-index: 1;}
 .barnd-catag .dropdown-content a { color: #fff; padding: 5px 0px 5px 10px; text-decoration: none; display: block; text-transform: uppercase; transition: all 600ms ease-in-out;  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 13px; line-height: 20px; margin: 0; border-bottom: 0.5px dotted #8a072f; }
 .barnd-catag .dropdown-content a:hover {background-color: #b10036; color: #fff; letter-spacing: 0.5px; transition: all 400ms ease-in-out; }
 .barnd-catag .dropdown:hover .dropdown-content {display: block}
 .barnd-catag .dropdown:hover .dropbtn {background-color: #3e8e41;  background: none; }

.header-top .socil-box{width: 100%; display: inline-block; float: right; padding: 0; margin: 0; }
.header-top .socil-box ul{ width: 100%; position: relative; display: inline-block; text-align: right; padding: 0; margin: 0 0 0 -10px; }
.header-top .socil-box ul li{ list-style: none; float: right; padding: 0 0; margin: 5px 5px 0; width: 25px; height: 25px; color: #ff008c; font-size: 10px; line-height: 18px; background: #f3fe5fde; border-radius: 50%; text-align: center; border: 1px solid #ffffff9e; box-shadow: 1px 5px 15px -3px rgba(0, 0, 0, 0.3); }
.header-top .socil-box ul li i{ padding: 6px 0 0;}
.header-top .socil-box ul li a{ color: #e40046; font-size: 10px; line-height: 22px; padding: 0; margin: 0; display: block; text-align: center; border-radius: 50%; }
.header-top .socil-box ul li:hover{ background: #ff008c; border: 1px solid #f00; box-shadow: 1px 5px 15px -3px rgba(0, 0, 0, 0.91);transition:all 600ms ease-in-out; }
.header-top .socil-box ul li:hover a{ color: #fff; transition:all 600ms ease-in-out; }


.header-bottom{ position: relative; width: 100%; height: auto; background: #e40046; padding: 0px 0; margin: 0px 0; z-index: 99; height: 100px; overflow: visible !important; margin: 0 auto; background: #e40046; }
.header-bottom .barnd-logo{ width:100%; overflow: hidden;  }
.header-bottom .barnd-logo img{ width: 50%; padding: 5px 0 0; }
.header-bottom .w3l_search{  width: 82%; padding: 0; margin: 28px auto 0; overflow: hidden; border-radius: 6px; }
.header-bottom .w3l_search form{  width: 100%; }
.header-bottom .w3l_search form .search-container{  width: 100%;  background: #ccc;  float: left; height: 40px; }
.header-bottom .w3l_search form .search-container input[type="text"] {   height: 40px;  width: 70%; background: #efefef; border: none; outline: none; padding: 10px 10px; margin: 0; float: left; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; color: #000; }
.header-bottom .w3l_search form .search-container button[type="submit"] {   height: 40px;  width: 30%; background: #dcdcdc;background: #f7fd5c; border: none; outline: none; padding: 10px 10px; margin: 0; float: right; }
.header-bottom .w3l_search form .select-container{  width: 25%; height: 40px; background: #efefef; float: right;}
.header-bottom .w3l_search form .select-container select{  width: 100%; background: #dcdcdc; border: none; outline: none; padding: 9px 10px 10px; margin: 0; float: left; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;  font-weight: 400; color: #020416; }

.header-bottom .barnd-cart{ float: right; width: 65%; height: 100px; display: inline-block; text-align: center; border-right: 1px solid rgba(0,0,0,0.07); border-left: 1px solid rgba(0,0,0,0.07); }
.header-bottom .barnd-cart a{ text-decoration: none; font-size: 15px; display: block; vertical-align: text-top; padding:40px 0; color: #ededed; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.header-bottom .barnd-cart a:hover{ color: #fff;}
.header-bottom .barnd-cart a i.fa{     font-size: 18px; padding: 0 0 0 7px; color: #fff; }

.header-bottom .barnd-login{float: right; width: 65%; height: 100px; display: inline-block;  text-align: center;  }
.header-bottom .barnd-login .dropbtn { color: white; background: none; font-size: 16px; border: none; }
.header-bottom .barnd-login .dropbtn img{ width: 90%; }
.header-bottom .barnd-login .dropbtn { border: none; outline: none; text-decoration: none; font-size: 15px; vertical-align: text-top; padding:30px 0; color: #ededed; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; display: block;width:100%; }
.header-bottom .barnd-login .dropdown { position: relative; display: inline-block; width: 100%;}
.header-bottom .barnd-login .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; transition: color 0.25s ease-in-out, border-radius: 4px 0px 4px 4px; background-color: #333; left: 0px;}
.header-bottom .barnd-login .dropdown-content ul { list-style-type: none; z-index: 100; width: 100%; float: left; padding: 10px 0px; }
.header-bottom .barnd-login .dropdown-content ul li { margin: 0; float: left !important; width: 100%; text-align: left !important; }
.header-bottom .barnd-login .dropdown-content ul li a { width: 100%; display: block; line-height: 32px; padding-left: 15px; color: #ededed; text-transform: capitalize; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; }
.header-bottom .barnd-login .dropdown-content ul li a:hover{ color: #fff; background: #292929; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, }
.header-bottom .barnd-login .dropdown-content ul li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #ff9906; }

.header-bottom .barnd-login .dropdown-content ul.log-sing { margin: 0; list-style-type: none; z-index: 100; width: 100%; float: left;padding: 4px 0 10px; border-top: 2px solid #ff9b05; }
.header-bottom .barnd-login .dropdown-content ul.log-sing li { float: left !important; width: 100%; text-align: left !important; }
.header-bottom .barnd-login .dropdown-content ul.log-sing li a { width: 100%; display: block; line-height: 32px; color: #ffbf00; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 600; text-transform: uppercase; }
.header-bottom .barnd-login .dropdown-content ul.log-sing li a:hover{ color: #fff; background: #292929; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, }
.header-bottom .barnd-login .dropdown-content ul.log-sing li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #ff9906; }

/*.header-bottom .barnd-login .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.header-bottom .barnd-login .dropdown-content a:hover {background-color: #ddd; transition: color 0.25s ease-in-out, }*/
.header-bottom .barnd-login .dropdown:hover .dropdown-content {display: block; transition: color 0.25s ease-in-out, }
.header-bottom .barnd-login .dropdown:hover .dropbtn {background-color: #333; transition: color 0.25s ease-in-out,   }
.header-bottom .barnd-login .dropbtn i.fa{ width: 35px; height: 35px; border-radius: 50px; padding: 5px; background-color: rgba(0,0,0,0.1); color: #e7f3f7; font-size: 20px; line-height: 22px; margin: 0 0 0 10px; }




/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background:#000; }
.banner img.banner-img{ width: 100%; padding: 0; margin: 0; height: auto; }
#banner-slider .owl-nav{ dispaly:none; opacity: 0; }


/*Full Body*/
.fullbody{ width: 98%; height: auto; background: #fff; background: #f0f0f0; padding:0 0px; margin: 0 auto;overflow: hidden; }
.fullbody .advertising{ width: 100%; padding: 10px 10px 0 10px; background: #e40046; }
.fullbody .advertising .ADDone{ }
.fullbody .advertising .ADDone img{ width: 100%; margin: 0 0 10px;}
.fullbody .banner-top{ width: 98%; overflow: hidden; margin: 15px auto 0; }
.fullbody .banner-top img{ width: 49%; float: left; }


/*FILTER*/
.filter-top{  position: relative; padding: 0;  width: 98%; z-index: 999; margin: 15px auto 0;}
.filter-top ul.main-filter-row{ width: 100%; padding: 0px; margin: 0 0 0px; background: #fff; border: 0.5px solid #00000021; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.27); }
.filter-top ul.main-filter-row li{ position: relative; padding:6px 20px 8px; margin: 0; list-style: none; display: inline-block; border-right: 0.5px solid #00000021; transition: all 600ms ease-in-out; }
.filter-top ul.main-filter-row li a{ font-size: 12px; font-family: 'Lato', sans-serif; color: #26040f; text-decoration: none; line-height: 20px; padding: 3px 4px; margin: 0; outline: none; border: none; text-transform: uppercase; letter-spacing: 0.5px; transition: all 600ms ease-in-out; }
.filter-top ul.main-filter-row li a span{ color: #e40046;margin: 0 0 0 8px; transition: all 600ms ease-in-out;}
.filter-top ul.main-filter-row li a:hover{ color: #cd003f; letter-spacing: 0.9px;  transition: all 600ms ease-in-out; }
.filter-top ul.main-filter-row li a:hover span{ transition: all 600ms ease-in-out; }
.filter-top ul.main-filter-row li ul.filter-sub{ display: none; padding: 10px 0 5px 10px; margin: 0; background: none; position: absolute;background-color: #f7fd5c;min-width: 190px;box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);z-index: 1;transition: color 0.25s ease-in-out, border-radius: 4px 0px 4px 4px;background-color: #333;left: 0px; background-color: #f7fd5c;left: 0px;top: 35px;}
.filter-top ul.main-filter-row li:hover ul.filter-sub {display: block ; transition: all 600ms ease-in-out; }
.filter-top ul.main-filter-row li ul.filter-sub li{padding: 0px; margin: 0; list-style: none; transition: all 600ms ease-in-out;   display: block; border: none; transition: all 600ms ease-in-out; border-bottom: 0.5px dotted #e1e1e1;}
.filter-top ul.main-filter-row li ul.filter-sub li a{text-decoration: none; text-transform: capitalize;  transition: all 600ms ease-in-out;  letter-spacing: 0;font-size: 14px; line-height: 24px;display: block; color: #e3e3d5; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; padding: 1px 0 3px 10px;}
.filter-top ul.main-filter-row li ul.filter-sub li a input{accent-color: #f7fd5c; outline: none; border: none;}
.filter-top ul.main-filter-row li ul.filter-sub li:hover a{ color: #000;  transition: all 600ms ease-in-out; }
.filter-top ul.main-filter-row li ul.filter-sub li:hover{background: #f7fd5c;  transition: all 600ms ease-in-out; }
.filter-top ul.main-filter-row li select{ border: 0.5px solid #cccccc82; background: #fff; }

/*Templates*/
.templates{ width: 100%; height: auto; background: #fff; background: #f0f0f0; padding:10px 0 0 0; margin: 0px 0;  }
.templates .templates-mar{ background: #fff; background: #f0f0f0; margin: 0px auto 0; z-index: 99; position: relative; width: 100%; overflow: hidden; }
.templates .templates-mar h3{ text-align: center; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 20px;  padding: 0 0 35px; }
.templates .templates-mar h2{ text-align: left; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 20px; line-height: 40px; padding: 0 0 5px 10px; background: #f7fd5c; margin: 0 auto 5px; }
#templates-slider .item { padding: 10px 10px 2px 10px; margin: 0; background: #f7f7f7; }
#templatestwo-slider .item { padding: 10px 10px 2px 10px; margin: 0; background: #f7f7f7; }

.templates .templates-mar .fast-slider-Product{ width: 100%;
  padding: 0;
  margin: 0;}
.templates .templates-mar .fast-slider-Product .item-fast-slider{  padding: 10px 10px 2px 10px; margin: 0; background: #f7f7f7; width: 25%;
  float: left;}


.templates .templates-mar .model{position: relative; width: 100%; padding: 0; margin: 0 0 20px; text-align: center; display: inline-block; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out;  }
.templates .templates-mar .model:hover{box-shadow: 0 22px 43px rgba(0, 0, 0, 0.32); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.34);}
.templates .templates-mar .model img.templates-img{ width: 100%; margin: 0 auto; display: block; padding: 0px; height: 316px;}
.templates .templates-mar .model img.templates-img:hover{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.templates .templates-mar .model img.new-img{ width: auto; margin: 0 auto; display: block; padding: 0; position: absolute; content: ""; top: -5px; right: -6px; }
.templates .templates-mar .model a{ padding: 0; margin: 0; text-decoration: none; outline: none;}
.templates .templates-mar .model h5 {  text-align: center; color: #161616; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; font-size: 15px; line-height: 30px; padding: 0 0 2px; margin: 0; }
.templates .templates-mar .model h6{  font-size: 15px; font-family: 'Abel-Regular'; color: #f9004c; overflow: hidden; padding: 10px 0; margin: 0; font-weight: bold; line-height: 25px;}
.templates .templates-mar .model:hover h6{color: #222;transition: all 600ms ease-in-out;}
.templates .templates-mar .model:hover h5 b{color: #ff0500;transition: all 600ms ease-in-out;}
.rasiansexgirlBOX{ width: 45%; float: left; margin: 0 20px;}
.rasiansexgirlBOX img.rasiansexgirl-img{ width: 100%; }





/*faq-us*/
.faq{  width: 100%; height: auto; background: #f0f0f0; padding: 35px 30px; margin: 0px 0; position:relative; z-index:9; }
.faq h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #150505; padding: 0 0 10px; margin: 0;}
.faq h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 35px; color: #150505; padding: 0 90px; }
.faq h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #150505; }
.faq .faq-box{ width: 100%; padding: 0; margin: 0; }
.faq .faq-box h5{     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 400; text-align: left; padding: 0 0 10px; font-size: 22px; line-height: 30px; margin: 0; }
.faq .faq-box p{font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 300; text-align: left; font-size: 17px; line-height: 30px; padding: 0 0 30px 20px; margin: 0; color: #5d5b5b; }
.faq-image-block{ width:100%; padding:0; margin:0; }
.faq-image-block img{ width:100%; }

/*contact-us*/
.contact-us{  width: 100%; height: auto; background: #fff; padding: 35px 30px; margin: 0px 0; }
.contact-us h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #150505; padding: 0 0 10px; margin: 0;}
.contact-us h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 20px; line-height: 35px; color: #150505; padding: 0 90px; }
.contact-us h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #150505; }
.contact-us .con-box-form{ width: 100%; float: left; margin: 0 0px 0 0; overflow: hidden; padding: 0; }
.contact-us .con-box{ width: 23%; float: left; margin:0 18px 25px 0; overflow: hidden; padding: 0; }
.contact-us .con-box h3{  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 21px; text-align: left; color: #323232; padding: 0 0 15px; margin: 0; } 
.contact-us .con-box h3 i.fa{     color: #0070bb; font-size: 20px; font-weight: bold; padding: 0 10px 0 0; }
.contact-us .con-box ul { padding: 0; margin: 0; } 
.contact-us .con-box ul li{  font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 300; } 
.contact-us .con-box ul li a{ text-decoration: none;  font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 300; color: #616161; font-size: 15px; line-height: 25px; padding: 0 0 5px; display: block; } 
.contact-us .con-box ul li a:hover{ color: #000; }


.contact-us .con-box-form .form-left-to-w3l{    width: 100%;  padding: 0; margin: 0 0 30px; }
.contact-us .con-box-form .form-left-to-w3l input{ width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; }
.contact-us .con-box-form .form-sub-acc{     margin: 50px 0 0;  width: 50%; }
.contact-us .con-box-form .form-sub-acc .form-sub{ width: 100%; text-align: center; background: #3483ff; color: #fff; border: 1px solid #3483ff; border-radius: 25px; font-size: 24px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; padding:0 0 10px; }
.contact-us .con-box-form .form-sub-acc .form-sub input{ width: 100%; outline: none; border: none; background: none; font-size: 20px; line-height: 30px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.contact-us .con-box-form .form-left-to-w3l textarea{ width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; }
.contact-us .con-box-form .form-sub-acc .form-sub:hover{ background:none;  color: #3483ff;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.contact-us .con-box-form .sing-up-social{ width: 40%; float: right; border-left: 1px solid #ccc; padding: 0 0 0 0; margin: 50px 0 0 0; height: 100%; }


.service-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
img.pro-img{  width: 100%; border-radius: 30px; text-align: center; background: #f1f1f1; padding: 10px; margin: 0 auto; }
.service-top a{ text-align: center;text-align: center; position: relative; display: block; color: #fff; font-weight: normal; font-size: 20px; line-height: 40px; width: 40%; border-radius: 20px; margin: 10px auto; text-decoration: none; background: linear-gradient(to bottom, #002bff 50%, #000000 100%);  }
.service-top a:hover{ background: #007eff; }

/*gallery*/
.gallery-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.gallery-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
img.gallery-img{  width: 100%; border-radius: 30px; text-align: center;  padding: 10px; margin: 0 auto; }

/*video*/
.video-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.video-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
img.video-img{  width: 100%; border-radius: 30px; text-align: center;  padding: 10px; margin: 0 auto; }

/*FEEDBACKS*/
.feedback-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0;     display: inline-block; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.feedback-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.feedback-top .input-group{ width: 45%; float: left; display: block;margin: 10px; }
.feedback-top .input-group input { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.feedback-top input[type="submit"] { outline: none; padding: .5em 2em; font-size: 1em; color: #fff; border: none; background: #007eff; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all;     background: #f9be02;    background-image: linear-gradient(140deg, #fff9cf 0%, #1d3c8c 50%, #0c276d 75%);width: 30%;display: block;margin: 0 auto 0;border-radius: 5px;border-bottom: 5px solid #a3a3a3;}
.feedback-top input[type="submit"]:hover { background: #333; color: #fff; }


/*contact*/
.contact{  width: 100%; height: auto; background: #ffffff3d; padding: 0px; margin: 0; display: inline-block; position: relative; }
.contact h4{ text-align: left; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 30px; line-height: 50px; padding: 0 0 15px 10px; background: #f7fd5c; margin: 0 auto 5px;}
.contact h4 span{ display: block; font-size: 20px; line-height: 20px; font-weight: normal; }
.contact form{position: relative; width: 80%; margin: 10px 0 30px 100px; padding: 10px; border: 0.5px solid #cccccc63; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.18); display: inline-block; border-radius: 5px;}
.contact form .fill-box {position: relative; width: 100%; padding: 0 0; margin: 0 0 10px; display: inline-block;}
.contact form .fill-box label{ width: 30%; float: left; font-size: 20px; line-height: 20px; font-weight: normal;padding: 10px 0 0; margin: 0;}
.contact form .fill-box input { width: 68%; float: right; position: relative; background: #fff; padding: 11px 15px; border-radius: 5px; border: 0.5px solid #00000024 !important; outline: none; color: #083546; font-size: 14px; line-height: 20px; margin: 0 0 1px; font-family: "Unbounded", sans-serif; font-weight: lighter;}
.contact form .fill-box textarea {width: 68%; float: right; position: relative; background: #fff; padding: 11px 15px; border-radius: 5px; border: 0.5px solid #00000024 !important; outline: none; color: #083546; font-size: 14px; line-height: 20px; margin: 0 0 1px; font-family: "Unbounded", sans-serif; font-weight: lighter; }
.contact form .fill-box input[type="submit"] { position: relative; width: 25%; float: left; margin: 10px 0 0 0px; background: #f7fd5c; color: #1f1f1f; letter-spacing: 0.5px; font-size: 15px; line-height: 20px; box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.15); transition: all 500ms ease-in-out; font-family: "Playwrite GB S", cursive; font-weight: bold; text-shadow: 10px 6px 15px rgb(255, 255, 255); text-align: center;}
.contact form .fill-box input[type="submit"]:hover{ background: #333; color: #fff; }


/*Single*/
.fullslider{ position: relative; padding: 5px 0 5px; margin: 0; display: inline-block; width: 100%; background: #fff; border-top: 0.5px solid #f4f2f2; }
.fullslider .flexslider{ width: 60%; float: left; }
.fullslider .images_3_of_2{width: 100%; padding: 0; margin: 0;}
.flexslider .flex-viewport{ width: 70%; float: right; padding: 0; margin: 0; }
.flexslider .flex-viewport img{width: 70%; height: auto;}
.flex-control-thumbs{width: 29%; float: left; padding: 0; margin: 0;}
.flex-control-thumbs li { width: 50%; float: left; margin: 0 auto 0px; text-align: center; border: 1px solid #cccccc4f; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .8; cursor: pointer; margin: 0 auto; height: 108px; }
.flex-control-thumbs img:hover{opacity: 1;} 
img.img-responsive_1{ width: 100%; height: 400px;}
.templates .fulltext h2 { text-align: left; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 20px; line-height: 40px; font-weight: 600; font-size: 30px; line-height: 50px; padding: 0 0 15px 10px; background: #f7fd5c; margin: 0 auto 5px;}
.templates .fulltext h2 span {display: block; font-size: 19px; line-height: 25px; padding: 0 0; margin: 0; color: #e40046;}
.templates .fulltext h2 span b{ background: #e40046; color: #fff; padding: 1px 10px 4px; margin: 0; }  
.fullslidertext{ width: 38%; float: right;  }
.fullslidertext ul{ width: 100%; padding: 0; margin: 0 0 0 30px; }
.fullslidertext ul li { display: flow-root list-item; font-size: 16px; line-height: 25px; width: 80%; padding: 0; margin: 0; }
.fullslidertext ul li span{ text-align: right; float: right; font-family: 'Abel-Regular'; color: #e40046; font-size: 17px; padding: 0; margin: 0; line-height: 20px; }
.fullslidertext ul li:hover span{ color: #e40046; }
.fullslidertext ul li:hover{ color: #e40046; }
.contact-single{ position: relative; width: 100%; padding: 0; margin: 0; display: block; }
.contact-single h4{color: #e40046; font-weight: bold; font-size: 20px; line-height: 25px; padding: 5px 0 0 10px; margin: 0;}
.contact-single ul{ width: 100%; padding: 0; margin: 0 0 0 0px; }
.contact-single ul li { display: inline-block; font-size: 16px; line-height: 30px; padding: 0; margin: 0 35px; color: #22030d;}
.contact-single ul li b{color: #e40046; position: relative; left: -60px; background: #f0f0f0; padding: 3px; opacity: 0.9;}
 .contact-single ul li:hover b { opacity:0 ; }
.contact-single ul li span{ text-align: right; float: right; font-family: 'Abel-Regular'; color: #e40046; font-size: 17px; padding: 0; margin: 0; line-height: 20px; }
.contact-single ul li a{ background: #e40046; color: #fff; padding: 5px 15px 5px; display: block; font-weight: bold; text-transform: capitalize; border-radius: 5px; border: 0.5px solid #cccccc7d; margin: 10px 0 20px; box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.51); text-decoration: none;}
.contact-single ul li a:hover span{ color: #e40046; }
.contact-single ul li a:hover{ background: #f5ff00; color: #000;}
.contact-single ul li.contact-btn{ width:22%; }
.contact-single ul li.contact-btn a img{ width: 18%; padding: 0 5px 0 0; }
.contact-single .singletable{width: 100%; position: relative; background: #fbfbfb; padding: 0 0; margin: 0;}
.contact-single .singletable .table{width: 100%; max-width: 100%; margin: 0;}
.contact-single .singletable .table thead{ background: #b9053c; }
.contact-single .singletable .table thead tr{}
.contact-single .singletable .table thead tr th{color: #fdffd3; border-right: 1px solid #ffffffa8; text-align: center; font-size: 16px; line-height: 20px; padding: 10px; margin: 0;}
.contact-single .singletable .table tbody{border-bottom: 0.5px solid #cccccca3;}
.contact-single .singletable .table tbody tr{background: #fbfbfb; }
.contact-single .singletable .table tbody tr:hover{background: #f0f0f0 !important; }
.contact-single .singletable .table tbody tr td{color: #22030c; border-right: 1px solid #cabcbca8; text-align: center; font-size: 15px; line-height: 20px; padding: 6px; margin: 0;}
.contact-single .singletable .table tbody tr td small{font-family: 'Abel-Regular'; display: block; font-size: 13px; line-height: 16px; padding: 0 0 0; margin: 5px 0 0 0; color: #b9053c;}



/*gallery Inner*/
.galleryInner{ width: 100%; background: #0f0f12; position: relative; padding: 50px 0 30px; margin: 0; z-index: 999;}
.galleryInner img.safewalkchennai{ width: 100%; height: auto; opacity: 1;position: absolute; top: -16px; z-index: 999;}
.galleryInner img{width: 100%; opacity: 0.6; -webkit-filter: grayscale(100%) blur(0px); filter: grayscale(100%) blur(0px); margin: 0 0 30px; border-radius: 8px;transition:all 500ms ease-in-out;}
.galleryInner img:hover{ opacity: 1; filter: grayscale(0%) blur(0px); transition:all 500ms ease-in-out;}


/*p-gallery*/
.p-gallery{  position: relative; width: 100%; padding: 0px 0px; margin: 0 0; overflow: hidden;  }
.p-gallery h2{ margin: 0; padding: 0 0 30px; font-family: 'Changa One', cursive; text-align: center; color: #1c3254; font-size: 35px; text-transform: uppercase; } 
.p-gallery h2 sup img { width: 2%; top: -10px; position: relative; }
img.in-img{ width: 100%; border: 5px solid #ccc; height: 200px; margin: 50px 0 0 0; }
.p-gallery .gallery-box{ position: relative; width: 100%; padding: 2px; margin: 0 0 30px; float: left; border: 1px solid #e0e0e0; height: 410px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.p-gallery .gallery-box img.pho-gall { width: 100%; height: 405px; -webkit-filter: blur(3px);  filter: blur(3px);}
.p-gallery .gallery-box:hover img.pho-gall {  -webkit-filter: blur(0px);  filter: blur(0px);}
.p-gallery .gallery-box .view-caption { position: absolute; top:-140%; width: 100%; text-align: center; padding: 100px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: rgba(0, 0, 0, 0.82);background: rgba(228, 0, 70, 0.71); }
.p-gallery .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.p-gallery .gallery-box .view-caption p { transition: all 600ms ease-in-out; border: 1px solid #fff; width: 50%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 100; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #f7fd5c; padding: 9px 15px; color: #000 !important; margin: 25px auto 0; text-transform: uppercase; border-radius: 5px; }
.p-gallery .gallery-box h6{ text-align: center; color: #fff; font-size: 15px; line-height: 25px; font-family: revert; background: #cd003f; padding: 8px 10px; position: relative; bottom: 40px; font-weight: bold; text-decoration: none; border: none; } 




/*FAQ*/
.accordionFAQ{width: 100%; background: #f9f9f9; position: relative; padding: 10px; margin: 0; z-index: 999;}
.accordionFAQ h1{ text-align: left; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 30px; line-height: 50px; padding: 0 0 15px 10px; background: #f7fd5c; margin: 0 auto 5px;}
.accordionFAQ h6{color: #310412; font-size: 20px; text-align: justify; line-height: 35px; padding: 5px 0 10px; margin: 0; font-weight: lighter; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; }
.accordionFAQ .accordion {color: #fff; cursor: pointer; padding: 18px; width: 100%; border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-align: left; outline: none; font-size: 17px; transition: 0.4s; background: #e40046; font-weight: bold; margin: 20px 0 0; border-radius: 5px; border-bottom: 2px solid #b30037; }
.accordionFAQ .active, .accordion:hover { background-color: #ccc;  }
.accordionFAQ .panel { padding: 15px 15px 25px; display: none; background-color: #99002f; overflow: hidden; }
.accordionFAQ .panel p{font-size: 16px; line-height: 28px; color: #e3e3e3; padding: 0; margin: 0;}
.accordionFAQ .panel p a{color: #f7fd5c;}
/*.accordionFAQ button.accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; }
*/.accordionFAQ button.accordion.active, button.accordion:hover { background-color: #cd003f; }
.accordionFAQ button.accordion:after { content: '\002B'; color: #fff; font-weight: bold; float: right; margin-left: 5px; }
.accordionFAQ button.accordion.active:after { content: "\2212"; }
/*.accordionFAQ div.panel { padding: 0 18px; background-color: white; overflow: hidden; transition: max-height 0.2s ease-out; color:#000; }
*/

.about{width: 100%; background: #f9f9f9; position: relative; padding: 10px; margin: 0; z-index: 999;}
.about h1{ text-align: left; color: #000; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; font-size: 30px; line-height: 50px; padding: 0 0 15px 10px; background: #f7fd5c; margin: 0 auto 5px;}
.about h1 span{}
.about h6{color: #310412; font-size: 18px; text-align: justify; line-height: 30px; padding: 5px 0 10px; margin: 0; font-weight: lighter; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; }
.about h3{text-align: justify !important; font-size: 16px !important; line-height: 28px !important; color: #090808 !important; padding: 0 0 10px 0 !important; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;}
.about h3 span{ display: block; text-align: justify !important; font-size: 16px !important; line-height: 30px !important; color: #552c2c !important; padding: 0 0 10px 0 !important; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important; font-weight: normal !important; }

/*Popularcategories-footer*/
.Popularcategories-footer{  position: relative; width: 98%; height: 130px; margin: 0 auto; padding:10px 0 20px;}
.Popularcategories-footer .item{ width: 100%; }
.Popularcategories-footer .categories-footer-box{ width: 100%; position: relative; overflow: hidden; padding: 0; margin: 0; height: 120px; border: 0.5px solid #ccc; background: #000; transition: all 600ms ease-in-out;}
.Popularcategories-footer .categories-footer-box img{ width: 100%; height: 120px; opacity: 0.6;transition: all 600ms ease-in-out;}
.Popularcategories-footer .categories-footer-box:hover img{opacity: 1;transition: all 600ms ease-in-out;}
.Popularcategories-footer .categories-footer-box h2{ position: absolute; content: ""; padding: 5px 0; margin: 0 auto; width: 100%; text-align: center; font-size: 15px; bottom: 1px; background: #e400460f; line-height: 20px; color: #000; transition: all 600ms ease-in-out;}
.Popularcategories-footer .categories-footer-box:hover h2{   background: #f7fd5c;transition: all 600ms ease-in-out; }

/*footer-menu*/
/*footer{ width: 100%; background: url(../images/bg.jpg) no-repeat top right; position: relative; padding: 80px 0 0; }
.footer-box h3{text-align: left; color: #ffe300; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; padding: 0 0 10px; font-size: 21px; border-bottom: 0.5px solid #f7fd5c4f; margin: 0 0 15px 0; border-radius: 3px; }


.footer-box li{ display: block; color: #ffffffdb; text-align: left; font-size: 19px; line-height: 26px; padding: 0; margin: 0; list-style: none; font-weight: 400; font-family: 'Abel-Regular'; }
.footer-box li i{ font-size: 13px; line-height: 20px; color: #ff004e; padding: 0 10px 0 0; }
.footer-box li a{  color: #e5e6ddc4; text-decoration: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-size: 14px; text-transform: none; }
.footer-box li a:hover{ color: #ffe300; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.footer-box li a span{     display: block;}
.footer-box li a i { color: #ffe300; }
.footer-box li:hover i{ color: #ffe300; }
.cpy-right{ margin: 50px 0 0; padding: 12px 0; background: rgb(228, 0, 70); color: #fff; border-top: 1px solid #f7fd5c;  }
.cpy-right p{ text-align: center; color: #fff; text-decoration: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 400;font-size: 15px; letter-spacing: 1.5px;}
.cpy-right p a{ letter-spacing: 0; text-decoration: none; color: #fff; font-family: 'Abel-Regular'; font-size: 16px; }
.cpy-right p a:hover{ color: #bdbdbd;}
.map-foot{    width: 100%; height:250px; overflow: hidden; padding: 0; border: 10px solid #c2c2c2; background: rgb(24 6 5 / 65%); opacity: 1; margin:0px 0 0; }
.map-foot:hover{ opacity: 0.9;  }  
.map-foot iframe{     width: 100%; height: 250px; margin: 0; padding: 0; border: none;  }*/

footer{ width: 100%; background: url(../images/bg.jpg) no-repeat top center; position: relative; padding: 60px 0 0; background-size: cover; }
footer .footer-logo{ width: 30%; padding: 0 0 30px; margin: 0 auto; display: block; }
footer .footer-logo img{ width: 100%; }
footer .footer-nav{ position: relative; width: 100%; padding: 0 0; margin: 0 0; display: block; }
footer .footer-nav ul{ text-align: center; border-top: 1px dotted #f7fd5c4f; border-bottom: 1px dotted #f7fd5c4f; padding: 10px 0 10px; margin: 0 0 25px; }
footer .footer-nav ul li{ color: #ffffffdb; font-size: 19px; line-height: 26px; padding: 0 15px; margin: 0; list-style: none; font-weight: 400; font-family: 'Abel-Regular'; text-align: center; display: inline-block; }
.footer-box ul li a i{ font-size: 13px; line-height: 20px; color: #ff004e; padding: 0 10px 0 0; display: inline-block; }
footer .footer-nav ul li a{ color: #e5e6ddc4; text-decoration: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-size: 14px; text-transform: none; }
footer .footer-nav ul li a:hover{ color: #ffe300; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
footer .footer-box{ width:100%; padding:0; margin: 0; }
footer .footer-box h3{text-align: left; color: #ffe300; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 600; padding: 0; font-size: 24px; margin: 0 0 15px 0; border-radius: 3px; text-align: center; }
footer .footer-box p{ display: block; color: #ffffffdb; text-align: left; font-size: 19px; line-height: 26px; padding: 0 0 15px; margin: 0; list-style: none; font-weight: 400; font-family: 'Abel-Regular'; text-align: center; }
footer .footer-box ul{ text-align: center; width:100%; padding:0; margin:0; }
footer .footer-box ul li{ color: #ffffffdb; font-size: 19px; line-height: 26px; padding: 0 15px; margin: 0; list-style: none; font-weight: 400; font-family: 'Abel-Regular'; text-align: center; display: inline-block; }
.footer-box ul li a i{ font-size: 13px; line-height: 20px; color: #ff004e; padding: 0 10px 0 0; display: inline-block;  }
footer .footer-box ul li a{  color: #e5e6ddc4; text-decoration: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; font-size: 14px; text-transform: none; }
footer .footer-box ul li a:hover{ color: #ffe300; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
footer .footer-box ul li a i { color: #ffe300; }

.cpy-right{ margin: 50px 0 0; padding: 12px 0; background: rgb(228, 0, 70); color: #fff; border-top: 1px solid #f7fd5c;  }
.cpy-right p{ text-align: center; color: #fff; text-decoration: none; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 400;font-size: 15px; letter-spacing: 1.5px;}
.cpy-right p a{ letter-spacing: 0; text-decoration: none; color: #fff; font-family: 'Abel-Regular'; font-size: 16px; }
.cpy-right p a:hover{ color: #bdbdbd;}
.map-foot:hover{ opacity: 0.9;  }  
.map-foot iframe{     width: 100%; height: 250px; margin: 0; padding: 0; border: none;  }


/*//-------------------TAB / All Mobile Responsiv view SUJOY-------------------//*/
@media(max-width: 1680px) {
    
    
}

@media(max-width: 1600px) {
    
    

    
    
    
    
}

@media(max-width: 1440px) {

.filter-top ul.main-filter-row li { padding: 6px 20px 8px; }



    
}

@media(max-width: 1280px){
   
.templates .templates-mar .model h6 { font-size: 13px; padding: 7px 0; line-height: 25px; }
.templates .templates-mar .model img.templates-img { height: 264px; }
.filter-top ul.main-filter-row li { padding: 6px 20px 8px; }
.filter-top ul.main-filter-row li a { font-size: 11px; line-height: 20px; padding: 3px 4px; }
.filter-top ul.main-filter-row li select { border: 0.5px solid #cccccc82; background: #fff; font-size: 11px; font-family: 'Lato', sans-serif; letter-spacing: 0.5px; line-height: 20px; padding: 2px 5px; }




   
}

@media(max-width: 1080px){}

@media(max-width: 900px){

}

@media(max-width: 800px){
    
    .pageloadPupup .modal-dialog { width: 738px; margin: 80px auto; }
 .pageloadPupup .modal-body .pup-text { top: 86px; left: 0; width: 77%; }   
.pageloadPupup .modal-body p { font-size: 13px; line-height: 24px; padding: 0 0 0 15px; margin: 0; }    
    
    .pageloadPupup .modal-body h5 { padding: 10px 0 10px 15px; font-size: 15px; line-height: 22px; }
button.close { padding: 8px 40px; margin: 0 20px 10px 15px; font-size: 17px; }  a.btnblack { padding: 7px 35px; font-size: 17px; line-height: 20px; }  
    .pageloadPupup .modal-body ul li { font-size: 13px; line-height: 33px; }
    
    .filter-top ul.main-filter-row li { padding: 0px 9px 0px; }
     .templates .templates-mar .model img.templates-img { height: 220px; }
     .templates .templates-mar .model h6 { font-size: 13px; padding: 7px 0; line-height: 18px; height: 55px; }
    .accordionFAQ h1 { font-size: 24px; line-height: 40px; padding: 0 0 15px 10px; }
    .accordionFAQ h6 { font-size: 16px; line-height: 28px; padding: 5px 0 10px; }
    .accordionFAQ .accordion { padding: 8px; font-size: 14px; margin: 15px 0 0; }
    footer .footer-logo { width: 35%; padding: 0 0 20px; margin: 0 auto; display: block; }
    footer .footer-nav ul li a { font-size: 13px; }
    footer .footer-nav ul li { font-size: 17px; line-height: 22px; padding: 0 10px; }
    footer .footer-box p { font-size: 15px; line-height: 26px; padding: 0 0 15px; margin: 0; }
    .cpy-right p { font-size: 12px; }
    .cpy-right p a { font-size: 13px; }
    .cpy-right { margin: 20px 0 0; padding: 10px 0; }
    .experience-content p{ font-size: 14px !important; line-height: 24px !important; padding: 15px 0 20px !important; }

    .header-bottom { height: 72px; }
    .header-bottom .barnd-logo img { width: 60%; padding: 5px 0 0; }
    .header-bottom .w3l_search form .search-container input[type="text"] { height: 40px; width: 70%; padding: 10px 10px; margin: 0; font-size: 14px; line-height: 16px; }
    .header-bottom .w3l_search form .search-container button[type="submit"] { height: 40px; width: 30%; padding: 10px 10px; font-size: 14px; line-height: 16px; }
    .header-bottom .w3l_search { width: 86%; padding: 0; margin: 15px auto 0; }
    .header-bottom .barnd-cart { float: right; width: 100%; height: 72px; }
    .header-bottom .barnd-cart a { font-size: 14px; padding: 27px 0; line-height: 9px; }
    .header-bottom .barnd-cart a i.fa { font-size: 16px; padding: 0 0 0 5px; position: relative; top: 2px; }
   .header-top .barnd-help a { font-size: 12px; padding: 0 8px; } 
    .header-top .barnd-text marquee { font-size: 13px; line-height: 20px; padding: 4px 0 0 0; }
    .templates .fulltext h2 { font-size: 18px; line-height: 35px; padding: 0 0 15px 10px; margin: 0 auto 5px; }
    .templates .fulltext h2 span b { padding: 1px 10px 4px; margin: 0; font-size: 16px; }
    .templates .fulltext h2 span { font-size: 16px; line-height: 20px; }
    .flex-control-thumbs img { height: 60px; }
    .fullslidertext ul li { font-size: 14px; line-height: 22px; width: 76%; }
    .fullslidertext ul li span { font-size: 14px; line-height: 20px; }
    .contact-single h4 { font-size: 18px; line-height: 20px; padding: 5px 0 0 10px; }
    .contact-single ul li { font-size: 14px; line-height: 24px; padding: 0; margin: 0 10px; }
    .contact-single ul li.contact-btn { width: 40%; }
    .contact-single ul li a { padding: 5px 15px 5px; margin: 10px 0; }
    .contact-single ul li.contact-btn a img { width: 15%; padding: 0 5px 0 0; }
    .contact-single .singletable .table thead tr th { font-size: 14px; line-height: 18px; padding: 10px; margin: 0; }
   .contact-single .singletable .table tbody tr td { font-size: 13px; line-height: 20px; padding: 6px; margin: 0; } 
    .about h1 { font-size: 24px; line-height: 40px; padding: 0 0 15px 10px; margin: 0 auto 5px; }
    .about h6 { font-size: 14px; line-height: 26px; padding: 5px 0 10px; margin: 0; }
    .contact h4 { font-size: 24px; line-height: 40px; padding: 0 0 15px 10px; margin: 0 auto 5px; }
    .contact h4 span { font-size: 16px; line-height: 18px; }
    .contact form .fill-box label { width: 30%; font-size: 16px; line-height: 20px; padding: 10px 0 0; margin: 0; }
    .contact form .fill-box input { width: 68%; padding: 11px 15px; font-size: 13px; line-height: 20px; margin: 0 0 1px; }
    .contact form .fill-box textarea { width: 68%; padding: 11px 15px; font-size: 13px; line-height: 20px; margin: 0 0 1px; }
    .contact form .fill-box input[type="submit"] { position: relative; width: 38%; margin: 10px 0 0 0px; font-size: 14px; line-height: 18px; padding: 10px 0; }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}



@media(max-width:786px) {



.filter-top ul.main-filter-row li {
    padding: 0px 8px 0px;
  }






}
@media(max-width:768px) { 



}

@media(max-width:760px) {
    /*///chek 700///*/
    
    .header-bottom .barnd-logo img { width: 64%; padding: 5px 0 0; }
     .filter-top ul.main-filter-row li { padding: 0px 6px 5px; }
 .filter-top ul.main-filter-row li a { font-size: 10px; line-height: 20px; padding: 3px 5px; }   
  .templates .templates-mar .model img.templates-img { height: 650px; }  
   .templates .templates-mar .model h6 { font-size: 16px; padding: 15px 0; line-height: 18px; height: auto; } 
      .accordionFAQ .accordion { padding: 12px; font-size: 14px; margin: 15px 0 0; }
      footer .footer-logo { width: 46%; padding: 0 0 20px; margin: 0 auto; display: block; }
       .pageloadPupup .modal-dialog { width: 680px; margin: 80px auto; }
     .pageloadPupup .modal-body .pup-text { top: 73px; left: 0; width: 82%; } 
       .pageloadPupup .modal-body h5 { padding: 4px 0 10px 15px; font-size: 15px; line-height: 22px; }
      .about h3 span { font-size: 14px !important; line-height: 24px !important; padding: 0 0 10px 0 !important; }
      .about h3 { text-align: justify !important; font-size: 14px !important; line-height: 24px !important; padding: 0 0 10px 0 !important; }
       .fullslidertext ul li { font-size: 13px; line-height: 22px; width: 85%; }
      .fullslidertext ul { width: 100%; padding: 0; margin: 0 0 0 15px; }
.fullslidertext ul li span { font-size: 13px; line-height: 20px; }      
      .contact-single ul li { font-size: 13px; line-height: 20px; padding: 0; margin: 0 10px; }  
      .contact-single ul li b { left: -50px; padding: 3px; }
        footer .footer-box p { font-size: 14px; line-height: 24px; padding: 0 0 15px; margin: 0; letter-spacing: 0.6px; }
      footer .footer-box h3 { font-size: 20px; margin: 0 0 10px 0; border-radius: 3px; }
       .templates .fulltext h2 span { font-size: 14px; line-height: 20px; }
     .templates .fulltext h2 span b { padding: 1px 10px 4px; margin: 0; font-size: 14px; } 
     .templates .fulltext h2 { font-size: 16px; line-height: 30px; padding: 0 0 15px 10px; margin: 0 auto 5px; } 
   .flex-control-thumbs img { height: 50px; } 
    
     .filter-top ul.main-filter-row li ul.filter-sub { padding: 10px 0 5px 10px; margin: 0; min-width: 190px; left: 0px; top: 25px; }
    
    

}


@media(max-width:699px) {
    /*///chek 600///*/
 .header-bottom .w3l_search { width: 100%; padding: 0; margin: 15px auto 0; }
 .header-bottom .barnd-logo img { width: 74%; padding: 5px 0 0; }
.header-bottom .w3l_search form .search-container input[type="text"] { height: 40px; width: 70%; padding: 10px 8px; margin: 0; font-size: 13px; line-height: 16px; }
.header-bottom .w3l_search form .search-container button[type="submit"] { height: 40px; width: 30%; padding: 10px 0px; font-size: 13px; line-height: 16px; }

.header-bottom .barnd-cart a { font-size: 13px; padding: 27px 0; line-height: 9px; }
.filter-top ul.main-filter-row li { padding: 0px 9px 5px; }
.contact form { width: 100%; margin: 10px 0 30px 0; padding: 10px; }
 .contact form .fill-box label { width: 30%; font-size: 14px; line-height: 20px; padding: 10px 0 0; margin: 0; }
  .contact form .fill-box input { width: 68%; padding: 11px 15px; font-size: 12px; line-height: 20px; margin: 0 0 1px; }
.contact form .fill-box textarea { width: 68%; padding: 11px 15px; font-size: 12px; line-height: 20px; margin: 0 0 1px; }
.filter-top ul.main-filter-row li ul.filter-sub li {
  font-size: 13px;
}
 .filter-top ul.main-filter-row li ul.filter-sub { padding: 10px 0 5px 10px; margin: 0; min-width: 190px; left: 0px; top: 20px; }





}

@media(max-width:580px) {
    /*///chek 490///*/

 .header-bottom { height: 60px; }
 .header-bottom .barnd-cart { float: right; width: 100%; height: 60px; }
.header-bottom .w3l_search form .search-container { width: 100%; background: #ccc; float: left; height: 35px; }
.header-bottom .w3l_search { width: 100%; padding: 0; margin: 12px auto 0; }
  .header-bottom .w3l_search form .search-container input[type="text"] { height: 35px; width: 70%; padding: 10px 5px; margin: 0; font-size: 12px; line-height: 16px; }
.header-bottom .w3l_search form .search-container button[type="submit"] { height: 35px; width: 30%; padding: 10px 0; font-size: 12px; line-height: 16px; }
 .header-bottom .barnd-logo img { width: 82%; padding: 5px 0 0; }
  .header-bottom .barnd-cart a { font-size: 13px; padding: 20px 0; line-height: 9px; }
.templates .templates-mar .model img.templates-img {
    height: 600px;
  }
.header-top .barnd-help a { font-size: 11px; padding: 0 5px; }
.header-top .barnd-text marquee { font-size: 12px; line-height: 16px; padding: 4px 0 4px 0; }
.filter-top ul.main-filter-row li { padding: 0px 5px 5px; }
.filter-top ul.main-filter-row li a { font-size: 9px; line-height: 18px; padding: 3px 5px; }
 .filter-top ul.main-filter-row li select { font-size: 9px; line-height: 18px; padding: 2px 5px; }
 .accordionFAQ h1 { font-size: 20px; line-height: 34px; padding: 0 0 15px 10px; }
 .accordionFAQ h6 { font-size: 13px; line-height: 24px; padding: 5px 0 10px; }
 .accordionFAQ .accordion { padding: 12px; font-size: 13px; margin: 15px 0 0; }
  footer .footer-logo { width: 50%; padding: 0 0 20px; margin: 0 auto; display: block; }
 footer .footer-nav ul li a { font-size: 12px; }
footer .footer-nav ul { padding: 10px 0 10px; margin: 0 0 15px; }
  footer .footer-box h3 { font-size: 18px; margin: 0 0 10px 0; border-radius: 3px; }
 footer .footer-box p { font-size: 13px; line-height: 24px; padding: 0 0 15px; margin: 0; letter-spacing: 0.6px; }
 .experience-content p { font-size: 13px !important; line-height: 24px !important; padding: 10px 0 15px !important; }
.about h1 { font-size: 20px; line-height: 34px; padding: 0 0 15px 10px; margin: 0 auto 5px; }
 .about h6 { font-size: 13px; line-height: 24px; padding: 5px 0 10px; margin: 0; }
.about h3 span { font-size: 13px !important; line-height: 24px !important; padding: 0 0 10px 0 !important; }
  .contact h4 { font-size: 20px; line-height: 34px; padding: 0 0 15px 10px; margin: 0 auto 5px; }
.contact form { width: 100%; margin: 10px 0 30px 0; padding: 10px; }
 .contact form .fill-box label { width: 30%; font-size: 14px; line-height: 20px; padding: 10px 0 0; margin: 0; }
  .contact form .fill-box input { width: 68%; padding: 11px 15px; font-size: 12px; line-height: 20px; margin: 0 0 1px; }
.contact form .fill-box textarea { width: 68%; padding: 11px 15px; font-size: 12px; line-height: 20px; margin: 0 0 1px; }
.filter-top ul.main-filter-row li ul.filter-sub li { font-size: 13px; }
 .contact h4 span { font-size: 13px; line-height: 15px; }
 .contact-single .singletable .table thead tr th { font-size: 13px; line-height: 18px; padding: 10px; margin: 0; }
 .filter-top ul.main-filter-row li ul.filter-sub { padding: 10px 0 5px 10px; margin: 0; min-width: 190px; left: 0px; top: 22px; }
}


@media(max-width:480px) {
    /*///chek 440///*/
.filter-top ul.main-filter-row li { padding: 0px 2px 5px; }
 .header-bottom .barnd-logo img { width: 92%; padding: 5px 0 0; }
.templates .templates-mar .model img.templates-img { height: 500px; }
footer .footer-box ul li a { font-size: 13px; }
footer .footer-box ul li { color: #ffffffdb; font-size: 17px; line-height: 26px; padding: 0 10px; }
.footer-box ul li a i { font-size: 13px; line-height: 20px; padding: 0 5px 0 0; }
.cpy-right { margin: 15px 0 0; padding: 6px 0; }
.cpy-right p { font-size: 10px; }
.cpy-right p a { font-size: 11px; }
.contact form .fill-box input[type="submit"] { position: relative; width: 35%; margin: 10px 0 0 0px; font-size: 13px; line-height: 18px; padding: 8px 0; }
 .filter-top ul.main-filter-row li ul.filter-sub { padding: 10px 0 5px 10px; margin: 0; min-width: 190px; left: 0px; top: 24px; }
}

@media(max-width:430px) {
    /*///chek 400///*/

 .contact form .fill-box label { width: 30%; font-size: 13px; line-height: 20px; padding: 10px 0 0; margin: 0; }
 .header-bottom { height: 55px; }
  .header-bottom .barnd-cart { float: right; width: 100%; height: 55px; }
  .header-top .barnd-help a { font-size: 10px; padding: 0 3px; }
 .header-top .barnd-text marquee { font-size: 11px; line-height: 14px; padding: 10px 0 4px 0; }
 .header-bottom .barnd-logo img { width: 96%; padding: 5px 0 0; }
  .header-bottom .w3l_search { width: 113%; padding: 0; margin: 12px auto 0; }
  .header-bottom .w3l_search form .search-container { width: 100%; background: #ccc; float: left; height: 30px; }
  .header-bottom .w3l_search form .search-container input[type="text"] { height: 30px; width: 70%; padding: 10px 5px; margin: 0; font-size: 10px; line-height: 16px; }
 .header-bottom .w3l_search form .search-container button[type="submit"] { height: 30px; width: 30%; padding: 8px 0; font-size: 10px; line-height: 16px; }
 .header-bottom .barnd-cart a { font-size: 10px; padding: 20px 0; line-height: 9px; }
  .header-bottom .barnd-cart a i.fa { font-size: 12px; padding: 0 0 0 2px; position: relative; top: 2px; }
 .filter-top ul.main-filter-row li ul.filter-sub { padding: 10px 0 5px 10px; margin: 0; min-width: 190px; left: 0px; top: 25px; }
  .filter-top ul.main-filter-row li ul.filter-sub li { font-size: 10px; }
  .filter-top ul.main-filter-row li a { font-size: 9px; line-height: 18px; padding: 3px 7px; }
  .templates .templates-mar .model img.templates-img { height: 415px; }
  .accordionFAQ .accordion { padding: 10px; font-size: 12px; margin: 15px 0 0; }
.experience-content p { font-size: 13px !important; line-height: 22px !important; padding: 10px 0 15px !important; }
.fullslidertext ul li { font-size: 12px; line-height: 22px; width: 85%; }
.fullslidertext ul li span { font-size: 12px; line-height: 20px; }
 .contact-single ul li { font-size: 11px; line-height: 20px; padding: 0; margin: 0 10px; }
  
   .contact-single .singletable .table thead tr th { font-size: 12px; line-height: 18px; padding: 10px; margin: 0; }
   .contact-single .singletable .table tbody tr td { font-size: 11px; line-height: 20px; padding: 6px; margin: 0; }
  



}

@media(max-width:399px) {
    /*///chek 385///*/
.header-bottom .w3l_search form .search-container button[type="submit"] { height: 30px; width: 30%; padding: 7px 0; font-size: 9px; line-height: 16px; }
.accordionFAQ .accordion { padding: 8px; font-size: 11px; margin: 12px 0 0; }
.header-bottom .barnd-logo img { width: 102%; padding: 5px 0 0; }






}


@media(max-width:380px) {
    /*///chek 375///*/

 .header-top .barnd-text marquee { font-size: 10px; line-height: 12px; padding: 10px 0 4px 0; }
 .header-top .barnd-help a { font-size: 9px; padding: 0 1px; }
   .header-bottom .w3l_search form .search-container input[type="text"] { height: 30px; width: 70%; padding: 10px 5px; margin: 0; font-size: 9px; line-height: 16px; }
 .header-bottom .barnd-cart a { font-size: 9px; padding: 22px 0; line-height: 9px; }
 .header-bottom .barnd-cart a i.fa { font-size: 10px; padding: 0 0 0 2px; position: relative; top: 2px; }
  
   .pageloadPupup .modal-body p { font-size: 10px; line-height: 18px; padding: 0 0 0 15px; margin: 0; }
  .pageloadPupup .modal-body h5 { padding: 4px 0 10px 15px; font-size: 12px; line-height: 14px; }
   button.close { padding: 8px 40px; margin: 0 15px 10px 15px; font-size: 12px; }
  a.btnblack { padding: 4px 35px; font-size: 13px; line-height: 20px; }
  .pageloadPupup .modal-body ul li { font-size: 6px; line-height: 30px; }
  .pageloadPupup .modal-body .pup-text { top: 65px; left: 0; width: 63%; }
   .pageloadPupup .modal-dialog { width: 590px; margin: 80px auto; }
   .filter-top ul.main-filter-row li { padding: 0px 4px 2px; }
  .filter-top ul.main-filter-row li a { font-size: 8px; line-height: 10px; padding: 3px 2px; }
  .filter-top ul.main-filter-row li select { font-size: 8px; line-height: 16px; padding: 5px 4px; }
  .filter-top ul.main-filter-row li ul.filter-sub li { font-size: 9px; }
  .banner img.banner-img { width: 100%; padding: 0; margin: 0; height: 120px; }
  .templates .templates-mar .model img.templates-img { height: 375px; }
  .templates .templates-mar .model h6 { font-size: 14px; padding: 12px 0; line-height: 18px; height: auto; }
  .accordionFAQ h1 { font-size: 17px; line-height: 34px; padding: 0 0 10px 10px; }
  .accordionFAQ h6 { font-size: 12px; line-height: 22px; padding: 5px 0 10px; }
   .accordionFAQ .accordion { padding: 6px; font-size: 10px; margin: 10px 0 0; }
   .experience-content p { font-size: 12px !important; line-height: 22px !important; padding: 10px 0 15px !important; }
  footer { padding: 34px 0 0; background-size: cover; }
   footer .footer-nav ul { padding: 4px 0 4px; margin: 0 0 10px; }
  footer .footer-nav ul li { font-size: 17px; line-height: 22px; padding: 0 7px; }
   footer .footer-nav ul li a { font-size: 10px; }
   footer .footer-box h3 { font-size: 16px; margin: 0 0 10px 0; border-radius: 3px; }
  footer .footer-box p { font-size: 11px; line-height: 20px; padding: 0 0 10px; margin: 0; letter-spacing: 0.6px; }
    footer .footer-box ul li a { font-size: 11px; }
  .footer-box ul li a i { font-size: 11px; line-height: 18px; padding: 0 2px 0 0; }
   footer .footer-box ul li { color: #ffffffdb; font-size: 17px; line-height: 26px; padding: 0 5px; }
    footer .footer-logo { width: 60%; padding: 0 0 15px; margin: 0 auto; display: block; }
   .about h1 { font-size: 17px; line-height: 34px; padding: 0 0 10px 10px; margin: 0 auto 5px; }
  
   .about h6 { font-size: 12px; line-height: 22px; padding: 5px 0 5px; margin: 0; }
   .about h3 span { font-size: 12px !important; line-height: 22px !important; padding: 0 0 10px 0 !important; }
  .about h3 { text-align: justify !important; font-size: 12px !important; line-height: 22px !important; padding: 0 0 5px 0 !important; }
 .contact h4 { font-size: 17px; line-height: 34px; padding: 0 0 10px 10px; margin: 0 auto 5px; } 
  .contact h4 span { font-size: 11px; line-height: 13px; }
    .contact form .fill-box label { width: 30%; font-size: 12px; line-height: 20px; padding: 10px 0 0; margin: 0; }
    .contact form .fill-box input { width: 68%; padding: 10px 10px; font-size: 11px; line-height: 20px; margin: 0 0 1px; }
  .contact form .fill-box textarea { width: 68%; padding: 10px 10px; font-size: 11px; line-height: 20px; margin: 0 0 1px; }
   .contact form .fill-box input[type="submit"] { position: relative; width: 47%; margin: 10px 0 0 0px; font-size: 13px; line-height: 18px; padding: 8px 0; }
  .templates .fulltext h2 { font-size: 14px; line-height: 30px; padding: 0 0 15px 10px; margin: 0 auto 5px; }
   .templates .fulltext h2 span b { padding: 1px 10px 4px; margin: 0; font-size: 13px; }
  
   .templates .fulltext h2 span { font-size: 12px; line-height: 18px; }
   .contact-single ul li.contact-btn { width: 46%; }
    .contact-single ul li a { padding: 5px 11px 5px; margin: 10px 0; }
   
   
   
   
   
   
   
   

}

@media(max-width:365px) {
    /*///chek 320///*/

  footer .footer-nav ul li { font-size: 17px; line-height: 22px; padding: 0 5px; }
   .pageloadPupup .modal-body p { font-size: 9px; line-height: 18px; padding: 0 0 0 14px; margin: 0; }
  .pageloadPupup .modal-body .pup-text { top: 65px; left: 0; width: 53%; }
  .pageloadPupup .modal-body h5 { padding: 4px 0 10px 15px; font-size: 10px; line-height: 14px; }
  .header-bottom .barnd-cart { float: right; width: 110%; height: 55px; }
   .header-bottom .barnd-cart a i.fa { font-size: 9px; padding: 0 0 0 2px; position: relative; top: 1px; }
   .header-bottom .barnd-logo { width: 135%; overflow: hidden; }
   .header-bottom .barnd-logo img { width: 100%; padding: 5px 0 0; }
    .templates .templates-mar .model img.templates-img { height: 350px; }
     .flex-control-thumbs img { height: 34px; }
     .contact-single ul li a { padding: 5px 9px 5px; margin: 10px 0; }
     .contact-single .singletable .table thead tr th { font-size: 11px; line-height: 18px; padding: 10px; margin: 0; }
  
}













