MAINHACK

Viewing / Editing File: style.css

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none; font-family: 'Open Sans';}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{   display: inline-block;}/* horizontal menu */
img{max-width:100%;}
a{ text-decoration: none !important;}
/*end reset*/

body{ width:100%; font-family: 'Open Sans'; background:url("../images/banner.jpg" ) left top no-repeat; background: #fff; background-size: cover;  }
.container{ width:1200px; margin: 0px auto;  padding: 0; font-family: 'Open Sans';  }

/*Header*/
header{ width: 100%; padding: 5px 0; margin: 0 auto; background: #fff; position: fixed; z-index: 999; left: 0; right: 0; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 4%);  }
header .logo-block{ width: 100%; padding: 0; margin: 0; text-align: left; }
header .logo-block .logo{ width: 75%; }
header .nav-block{ width: 100%; padding: 0; margin: 0; text-align: right; }
header .nav-block ul{ padding: 0; margin: 0; }
header .nav-block ul li{ padding: 20px 0 0 30px; margin: 0; list-style: none; display: inline-block; position: relative; }
header .nav-block ul li a{ padding: 0 0px; margin: 0; color: #20005e; font-weight: 600; font-size: 15px; text-transform: uppercase; transition: all 500ms ease-in-out; }
header .nav-block ul li a:hover{ text-decoration: none; color: #59595b; transition: all 500ms ease-in-out; }

header .barnd-login{ float: right; display: inline-block; text-align: center; background: #1a0144; padding: 0 15px; border-radius: 25px; color: #fff; margin: 8px 0 0 10px; transition: all 500ms ease-in-out; border: none;  }
header .barnd-login .dropbtn { color: white; background: none; font-size: 16px; border: none; }
header .barnd-login .dropbtn img{ width: 90%; }
header .barnd-login .dropbtn {     border: none; outline: none; text-decoration: none; font-size: 14px; vertical-align: text-top; padding: 5px 0; color: #ededed; line-height: 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; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; display: block; width: 100%; }
header .barnd-login .dropdown { position: relative; display: inline-block; width: 100%;}
header .barnd-login .dropdown-content { display: none; position: absolute;  min-width: 130px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; transition: color 0.25s ease-in-out; background-color: #fff; left: 0px; border-radius: 10px; }
header .barnd-login .dropdown-content ul { list-style-type: none; z-index: 100; width: 100%; float: left; padding: 10px 0px; }
header .barnd-login .dropdown-content ul li { margin: 0; float: left !important; width: 100%; text-align: left !important; }
header .barnd-login .dropdown-content ul li a { width: 100%; display: block; line-height: 30px; padding-left: 15px; color: #020004; text-transform: capitalize; font-size: 15px; text-decoration: none; border-radius: 20px !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 .barnd-login .dropdown-content ul li a:hover{ color: #fff; background: #1a0144; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, }
header .barnd-login .dropdown-content ul li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #1a0144; }
header .barnd-login .dropbtn i.fa { width: 35px; height: 35px; border-radius: 50px; padding: 5px; background-color: rgb(255 255 255); color: #220067; font-size: 20px; line-height: 22px; margin: 0 0 0 10px; }
header .barnd-login .dropdown:hover .dropdown-content {display: block;}
header .barnd-login .dropdown:hover .dropbtn { }

/*BANNER*/
.banner { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; }
.banner img{ height: auto; width: 100%; }
.banner .decs{ width: 100%; position: absolute; content: ""; bottom: 50px; left: 0; padding: 0; margin: 0; z-index: 9; }
.banner .decs .bannet-up-text{ width: 50%; padding: 0; margin: 0; }
.banner .decs .bannet-up-text p{ color: #f0f5fb; font-size: 16px; line-height: 30px; letter-spacing: 1px; padding: 10px 0 0 10px; margin: 0; }
.banner .decs .bannet-up-text p span{     display: block; font-style: italic; font-weight: bold; font-size: 14px; padding: 13px 0 0; margin: 0; }
.banner .decs .bannet-up-text a{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 40px 0 0; transition: all 500ms ease-in-out;}
.banner .decs .bannet-up-text a:hover{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }

/*INNER BANNER*/
.inner-banner { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; }
.inner-banner img{ height: auto; width: 100%; }

/*WORK*/
.work { position: relative; width: 100%; background: #f0f5fb; overflow: hidden; padding:50px 0; margin: 0; }
.work h1{ font-size: 30px; line-height: 40px; color: #1b1823; text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
.work h6{ font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 50px; margin: 0; }
.work .work-box{ width: 100%; padding:10px; margin: 0; background: #fff; box-shadow: 5px 7px 27px rgb(0 0 0 / 6%); transition: all 500ms ease-in-out;}
.work .work-box:hover{ width: 100%; padding:10px; margin: 0; background: #fff; box-shadow: none; transition: all 500ms ease-in-out;}
.work .work-box img{ width: 60%; height: auto; margin: 0 auto; text-align: center; display: block; }
.work .work-box h2{     font-size: 20px; line-height: 30px; color: #050b57; text-align: center; padding: 20px 0 10px; margin: 0; font-weight: bold; }
.work .work-box p{ font-size: 16px; line-height: 30px; color: #030a34; text-align: center; padding: 5px 40px 20px; margin: 0; }

/*SERVICES*/
.services { position: relative; width: 100%; background: #f0f5fb; background: #fff; overflow: hidden; padding:50px 0; margin: 0; }
.services h1{ font-size: 30px; line-height: 40px; color: #1b1823; text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
.services h6{ font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 50px; margin: 0; }
.services .services-box{ width: 100%; padding:10px; margin: 0; transition: all 500ms ease-in-out; background: #f0f5fb; }
.services .services-box:hover{ width: 100%; padding:10px; margin: 0;  box-shadow: none; box-shadow: 5px 7px 27px rgb(0 0 0 / 6%);  transition: all 500ms ease-in-out; }
.services .services-box img{ width: 80%; height: auto; margin: 0 auto; text-align: center; display: block !important; }
.services .services-box h2{     font-size: 17px; line-height: 30px; color: #282932; text-align: center; padding: 20px 0 5px; margin: 0; font-weight: bold; }
.services .services-box p{     font-size: 15px; line-height: 27px; color: #00041d; text-align: center; padding: 0 0 10px; margin: 0; }

/*ABOUT*/
.about { position: relative; width: 100%; background: #f0f5fb; background: #fff; overflow: hidden; padding:50px 0 40px; margin: 0; }
.about .abo-lt { padding: 0 0 0 75px;  }
.about .abo-lt h1{ font-size: 30px; line-height: 40px; color: #0a011b; text-align: left; padding: 50px 0 10px; margin: 0;  font-weight: bold; }
.about .abo-lt p{ font-size: 20px; line-height: 35px; color: #04000b; text-align: justify; padding: 10px 50px 0 0; margin: 0; }
.about img{ width: 100%; height: auto; }
.about .abo-lt a{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 40px 0 0; transition: all 500ms ease-in-out;}
.about .abo-lt a:hover{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }

/*About-inner*/
.about-inner { position: relative; width: 100%; background: #f0f5fb; background: #fff; overflow: hidden; padding:50px 0; margin: 0; }
.about-inner h1{ font-size: 30px; line-height: 40px; color: #1b1823; text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
.about-inner h6{ font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 50px; margin: 0; }
.about-inner h2{ font-size: 26px; line-height: 40px; color: #323234; text-align: justify; padding:15px 0 0; margin: 0; font-weight: bold; }
.about-inner p{ font-size: 20px; line-height: 35px; color: #000; text-align: left; padding: 10px 0 0; margin: 0; }
.about-inner img{ width: 100%; height: auto; }

/*services-inner*/
.services-inner { position: relative; width: 100%; background: #f0f5fb; background: #fff; overflow: hidden; padding:50px 0; margin: 0; }
.services-inner h1{ font-size: 30px; line-height: 40px; color: #1b1823; text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
.services-inner h6{ font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 50px; margin: 0; }
.services-inner h2{ font-size: 26px; line-height: 40px; color: #323234; text-align: justify; padding:15px 0 0; margin: 0; font-weight: bold; }
.services-inner p{ font-size: 20px; line-height: 35px; color: #000; text-align: left; padding: 10px 0 0; margin: 0; }
.services-inner img{ width: 100%; height: auto; }

/*privacy-inner*/
.privacy-inner { position: relative; width: 100%; background: #f0f5fb; background: #fff; overflow: hidden; padding:50px 0; margin: 0; }
.privacy-inner h1{ font-size: 30px; line-height: 40px; color: #1b1823; text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
.privacy-inner h6{ font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 50px; margin: 0; }
.privacy-inner h2{ font-size: 26px; line-height: 40px; color: #323234; text-align: justify; padding:15px 0 0; margin: 0; font-weight: bold; }
.privacy-inner p{ font-size: 19px; line-height: 35px; color: #000; text-align: left; padding: 10px 0 0; margin: 0; }
.privacy-inner h5{     font-size: 18px; line-height: 35px; color: #000; text-align: left; padding: 7px 0 0; margin: 0; font-weight: bold; font-style: italic;  }

/*contact-inner*/
.contact-inner { position: relative; width: 100%; background: #f0f5fb; background: #fff; overflow: hidden; padding:50px 0; margin: 0; }
.contact-inner h1{ font-size: 30px; line-height: 40px; color: #1b1823; text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
.contact-inner h6{ font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 50px; margin: 0; }
.contact-inner .con-box-form { width: 90%; float: left; margin: 0 0px 0 0; overflow: hidden; padding: 0; }
.contact-inner .con-box-form .form-left-to-w3l { width: 100%; padding: 0; margin: 0 0 30px; }
.contact-inner .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-inner .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-inner .form-sub-acc .form-sub  input[type="submit"]{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 20px 0 0; transition: all 500ms ease-in-out; border: none; }
.contact-inner .form-sub-acc .form-sub  input:hover[type="submit"]{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }

.contact-inner .con-box { width: 100%; float: left; margin: 0 18px 25px 0; overflow: hidden; padding: 0; }
.contact-inner .con-box h3 { font-weight: 600; font-size: 21px; text-align: left; color: #323232; padding: 0 0 15px; margin: 0; }  
.contact-inner .con-box ul { padding: 0; margin: 0; }
.contact-inner .con-box ul li { font-weight: 300; }
.contact-inner .con-box h3 i.fa { color: #0070bb; font-size: 20px; font-weight: bold; padding: 0 10px 0 0; }
.contact-inner .con-box ul li a{ font-weight: 300; color: #000; font-size: 18px; line-height: 35px;}    
.contact-inner .con-box ul li a:hover{ font-weight: 300; color: #0070bb; }
.contact-inner

/*visiting*/
.visiting { position: relative; width: 100%; background: #fff; overflow: hidden; padding:50px 0; margin: 0; background:url("../images/bg-mobile.png" ) left top no-repeat; background-size: cover;  background: #f0f5fb; overflow: hidden; }
.visiting h1{ font-size: 30px; line-height: 40px; color: #1b1823; text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
.visiting h6{ font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 50px; margin: 0; }
.visiting .visiting-box{ width: 100%; padding:10px; margin: 0; transition: all 500ms ease-in-out;  }
.visiting .visiting-box:hover{ width: 100%; padding:10px; margin: 0;  box-shadow: none; box-shadow: 5px 7px 27px rgb(0 0 0 / 6%);  transition: all 500ms ease-in-out; }
.visiting .visiting-box img{ width: 100%; height: auto; margin: 0 auto; text-align: center; display: block !important; }
.visiting .visiting-box h2{ font-size: 17px; line-height: 30px; color: #282932; text-align: center; padding: 20px 0 5px; margin: 0; font-weight: bold; }
.visiting .visiting-box p{  font-size: 15px; line-height: 27px; color: #00041d; text-align: center; padding: 0 0 10px; margin: 0; }

/*possibilities*/
.possibilities { position: relative; width: 100%; background: #fff; overflow: hidden; padding:50px 0; margin: 0; background:url("../images/oneclick.jpg" ) left top no-repeat; background-size: cover; }
.possibilities h1{ font-size: 30px; line-height: 40px; color: #1b1823; text-align: center; padding: 0; margin: 0; text-transform: uppercase; font-weight: bold; }
.possibilities h6{ font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 50px; margin: 0; }
.possibilities .possibilities-box{  width: 25%; padding: 10px; margin: 0; transition: all 500ms ease-in-out; float: left;  }
.possibilities  h2{     font-size: 18px; line-height: 30px; color: #ffffff; text-align: left; padding: 0 0 15px; margin: 0; font-weight: bold; }
.possibilities  p{  font-size: 15px; line-height: 27px; color: #00041d; text-align: justify; padding: 0 0 10px; margin: 0; }
.possibilities a{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 40px 0 0; transition: all 500ms ease-in-out;}
.possibilities a:hover{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }
.possibilities  h5{ font-size: 20px; line-height: 35px; color: #00041d; text-align: center; padding: 20px 0 0; margin: 0; display: inline-block; font-weight: bold;}
.possibilities  h5 span{ font-weight: normal; }

/*TESTMONIAL*/
.testmonial { position: relative; width: 100%;  background: #fff; background: #f0f5fb;overflow: hidden; padding:40px 0 30px; margin: 0; }
.testmonial h1{ font-size: 30px; line-height: 40px; color: #0a011b; text-align: center; padding: 20px 0 10px; margin: 0;  font-weight: bold; }
.testmonial h6{ font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 20px; margin: 0; }
.testmonial .testmonial-box{ width: 50%; padding: 10px; margin: 0 auto; transition: all 500ms ease-in-out; display: block; text-align: center;  }
.testmonial .testmonial-box img{ width: 23%; }
.testmonial .testmonial-box h2{ font-size: 20px; line-height: 30px; color: #000000; text-align: center; padding: 20px 0 0; margin: 0; font-weight: bold; }
.testmonial .testmonial-box p{ font-size: 20px; line-height: 35px; color: #04000b; text-align: center; padding: 10px 0px 0 0; margin: 0; }

/*FOOTER*/
footer { position: relative; width: 100%; background: #fff; overflow: hidden; padding:50px 0 0; margin: 0; background:url("../images/oneclick.jpg" ) left top no-repeat; background-size: cover; }
footer img.footer-logo{     display: block; width: 35%; height: auto; float: right; }
footer .nav-block-footer{    width: 100%; padding: 0; margin: 0; text-align: right; display: inline-block; }
footer .nav-block-footer ul{ padding: 0; margin: 0; }
footer .nav-block-footer ul li{ padding: 20px 6px 0; margin: 0; list-style: none; display: inline-block; position: relative; }
footer .nav-block-footer ul li a{ padding: 0 0px; margin: 0; color: #000; font-weight: 600; font-size: 14px; text-transform: uppercase; transition: all 500ms ease-in-out; }
footer .nav-block-footer ul li a:hover{ text-decoration: none; color: #59595b; transition: all 500ms ease-in-out; }

footer .dropdown-social{ position: relative; width: 100%; padding: 20px 0 10px; margin: 0; text-align: right; display: inline-block; }
footer .dropdown-social ul{ position: relative; width: 100%; padding: 0; margin: 0;  }
footer .dropdown-social ul li{ position: relative; padding: 0 0 0 5px; margin: 0; display: inline-block;  }
footer .dropdown-social ul li a{ padding: 8px 11px 5px; margin: 0 0px; background: #4c1bb7; text-decoration: none; transition: all 500ms ease-in-out; color: #fff; border-radius: 5px; font-family: 'Montserrat', sans-serif; font-size: 12px; letter-spacing: 0; border-bottom: 3px solid #000000; }
footer .dropdown-social ul li a i.fa{     padding: 0 0px 0px 0; margin: 0; font-size: 15px; line-height: 20px;  }
footer .dropdown-social ul li a:hover{ background: #1f6bf5; color: #ffffff; border-bottom: 3px solid #200158; transition: all 500ms ease-in-out; }
footer p{ text-align: right; font-size: 18px; padding: 10px 0 30px; color: #000; margin: 0; }

/*side-bar-two*/
.side-bar-two{ background: #1e74f9; position: relative; display: inline-block; width: 100%; padding: 20px 20px; }
.side-bar-two i.fa{ color: #f0f0fb; font-size: 50px; }    
.side-bar-two p{ color: #ffffff; font-size: 16px; font-weight: bold; }  
.side-bar-two h4{ font-size: 17px; padding: 5px 0 0; color: #ffffff; font-family: 'Open Sans'; }    
.category{ position: relative; display: inline-block; width: 100%; margin: 0px 0 0; webkit-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); -moz-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%); padding: 20px; background: #ffffff; border-bottom: 3px solid #e9e9e9; }  
.category ul li a{ text-decoration: none; color: #fff; font-size: 16px; line-height: 35px; font-weight: normal; text-transform: uppercase; background: #1c1e21; display: block; border-radius: 5px; padding: 0 0 0 20px; font-family: monospace; margin: 0 0 10px 0; }
.category ul li a:hover{ background: #1c1e21; color:#ffc200;}
.category ul li.active a{ background: #1c1e21; color:#ffc200;}

/*.profile-form / PROFILE*/
.sing-up-text{ padding: 20px 0 20px;margin: 80px 0 0; }
.sing-up-text h3{ font-family: 'Open Sans'; text-align: center; font-size: 40px; font-weight: normal; padding: 20px 0 20px;  }
.profile-form{ border-top: 3px solid #ededed;  background: none; position: relative; display: inline-block; width: 95%; padding: 10px 0 10px 20px; webkit-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%);
-moz-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%); padding: 20px; background: #ffffff;margin: 0 0 0 40px;}
.profile-form form .form-left-to-w3l{ position: relative; width: 100%; }
.profile-form form .form-left-to-w3l label { font-family: fangsong; color: #4a4c50; font-size: 19px; font-weight: bold; padding: 0; margin: 0 0 0px; width: 30%; line-height: 35px;}
.profile-form form .form-left-to-w3l input { width: 69%; font-family: fangsong; color: #040013; border: none; padding: 7px 10px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 17px; border-radius: 15px; font-weight: normal; outline: none; }

.profile-form form .form-left-to-w3l textarea { width: 69%; font-family: fangsong; color: #040013; border: none; padding: 7px 10px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 17px; border-radius: 15px; font-weight: normal; outline: none; }
.profile-form form .form-left-to-w3l:hover input[type="submit"] { color: #fff;width: 18%;background: #1e74f9;}

.profile-form form .form-left-to-w3l input[type="submit"] {text-align: center;outline: none;padding: 10px 35px;font-size: 14px;color: #fff;width: 18%;background: #1c1e21;border: none;text-transform: uppercase;margin: 30px 0 0; font-size: 19px; font-weight: bold;}
.profile-form h4{     background: #000; display: inline-block; border-radius: 7px; padding: 5px 30px; color: #fffbee; font-weight: bold; font-size: 20px; margin: 0 0 20px; }

/*LOGIN & REGISTAN  / FORGET PASS / RESET PASS 2*/
.login { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; height: auto; /* height: 100vh; */ background: #f6f9fd; background: #fff; }
.login .login-right  {width: 28%; display: -webkit-box; padding: 20px; margin: 160px auto; border: none; border-radius: 15px; background: #fff; box-shadow: 5px 7px 27px rgb(0 0 0 / 17%); transition: all 500ms ease-in-out; }
.login .login-right form { width: 100%; }
.login .login-right form img.logo-log { width: 25%; margin: 0 auto; display: block; padding: 0 0 10px; }
.login .login-right form h4{ text-align: center; font-size: 25px; color: #0d0023; line-height: 40px; padding: 5px 0 5px; margin: 0; }
.login .login-right form h5{ font-family: 'Open Sans'; text-align: center; font-size: 18px; color: #0d0023; line-height: 20px; padding: 5px 0 25px; margin: 0; }
.login .login-right form .form-left-to-w3l { margin: 0px 0; padding-bottom: 20px; }
.login .login-right form p.lost a {    text-decoration: none; font-size: 15px; color: #0653ab; padding: 5px 0 0; display: block; font-weight: normal; text-align: right; }
.login .login-right form .form-left-to-w3l label { font-family: 'Open Sans'; width: 100%; font-size: 16px; line-height: 22px; padding: 0 0 10px; margin: 0; color: #525050; font-weight: bold; }
.login .login-right form .form-left-to-w3l input[type="email"], .login .login-right form .form-left-to-w3l input[type="email"],.login .login-right form .form-left-to-w3l input[type="text"], .login .login-right form .form-left-to-w3l input[type="password"]{     font-family: 'Open Sans'; width: 100%; font-size: 15px; line-height: 22px; padding: 5px 10px; margin: 0; color: #000000; font-weight: bold; background: #fff; border-radius: 5px; border: 1px solid #e0dede; outline: none; }
.login .login-right form .form-left-to-w3l textarea {font-family: 'Open Sans'; width: 100%; font-size: 15px; line-height: 22px; padding: 5px 10px; margin: 0; color: #000000; font-weight: bold; background: #fff; border-radius: 5px; border: 1px solid #e0dede; outline: none; }
.login .login-right form .form-sub-acc{ width: 100%; padding: 0; margin: 0; }
.login .login-right form .form-sub-acc .form-sub{ width: 35%; padding: 0; margin:20px 0 0; float: left; }
.login .login-right form .form-sub-acc .form-sub  input[type="submit"]{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 0px 0 0; transition: all 500ms ease-in-out; border: none; }
.login .login-right form .form-sub-acc .form-sub  input:hover[type="submit"]{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }
.login .login-right form .form-sub-acc .form-sub-one  p{ font-size: 15px; color: #000; text-align: right; padding: 13px 0 0; margin: 0; }
.login .login-right form .form-sub-acc .form-sub-one  p a{ font-size: 17px; color: #0a74f5; font-weight: bold; padding: 0 0 0 5px; }
.login .login-right form .form-sub-acc .form-sub-one  p a:hover{ color: #000; }
.login .login-right form .form-sub-acc .form-sub-one{ width: 64%; padding: 0; margin:20px 0 0; float: right; }
   /*REGISTAN*/

/*USER*/
.user{ position: relative; width: 100%; padding:30px 0 70px; margin: 0;  text-align: center; }
.user .user-box{ position: relative; width: 100%; }
.user .user-box h3{     text-align: center; font-size: 25px; line-height: 40px; padding: 0 100px; color: #000; margin: 0; }
.user .user-box h3 span{ font-weight: bold; color: #0d0123; } 
.user .user-box ul{ padding: 0; margin: 50px auto 50px; width: 50%; }
.user .user-box ul li{ font-size: 20px; line-height: 30px; padding: 0 0 0; margin: 0 0 0 0;  display: inline-block; }
.user .user-box ul li span{ width: 84%; float: right; padding: 20px 0 0 20px; color: #595959; font-weight: bold; }
.user .user-box ul li img{ width: 15%; float: left; }
.user .user-box ul li a{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 20px 0 0; transition: all 500ms ease-in-out; border: none; }
.user .user-box ul li a:hover{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }

.user .user-box ul.pay{ padding: 0; margin: 50px auto 50px; width: 70%; text-align: left; }
.user .user-box ul.pay li{ width: 32%; font-size: 20px; line-height: 30px; padding: 0 0 0; margin: 0 0 0 0;  display: inline-block; }
.user .user-box ul.pay li span{    width: 70%; float: right; padding: 0px 0 0 10px; color: #2b2b2b; font-weight: bold; font-size: 16px; letter-spacing: 1px; }
.user .user-box ul.pay li img{     width: 30%; float: left; }
.user .user-box ul.pay li a{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 20px 0 0; transition: all 500ms ease-in-out; border: none; }
.user .user-box ul.pay li a:hover{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }

/*create-card*/
.create-card { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; height: auto; /* height: 100vh; */ background: #f6f9fd; background: #fff; }
.create-card .login-right  {  width: 90%; display: -webkit-box; padding: 0px; border: none; border-radius: 15px; background: #fff;  margin: 50px auto 0; }
.create-card .login-right form { width: 100%; }
.create-card .login-right form img.logo-log { width: 10%; margin: 0 auto; display: block; padding: 0 0 10px; }
.create-card .login-right form h4{ text-align: center; font-size: 25px; color: #0d0023; line-height: 40px; padding: 5px 0 5px; margin: 0; }
.create-card .login-right form h5{ font-family: 'Open Sans'; text-align: center; font-size: 18px; color: #0d0023; line-height: 20px; padding: 5px 0 25px; margin: 0; }
.create-card .login-right form .form-left-to-w3l {  margin: 0 auto; padding-bottom: 20px; width: 40%; padding: 20px 0 30px; }
.create-card .login-right form .form-left-to-w3l label {    font-family: 'Open Sans'; width: 100%; font-size: 23px; line-height: 30px; padding: 0 0 15px; margin: 0; color: #032b59; font-weight: bold; }
.create-card .create-card-right form .form-left-to-w3l input[type="email"], .create-card .login-right form .form-left-to-w3l input[type="email"],.create-card .login-right form .form-left-to-w3l input[type="text"], .create-card .login-right form .form-left-to-w3l input[type="password"]{ font-family: 'Open Sans';  width: 100%; font-size: 14px; line-height: 22px; padding: 10px 0 11px 10px; margin: 0; color: #000000; font-weight: bold; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; }
.create-card .login-right form .form-sub-acc{ width: 100%; padding: 0; margin: 0 0 50px; display: inline-block; text-align: center; }
.create-card .login-right form .form-sub-acc .form-sub{ width: 100%; padding: 0; margin:20px 0 0; float: left; }
.create-card .login-right form .form-sub-acc .form-sub  input[type="submit"]{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 0px 0 0; transition: all 500ms ease-in-out; border: none; }
.create-card .login-right form .form-sub-acc .form-sub  input:hover[type="submit"]{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }

/*Theme*/
.theme { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; height: auto; /* height: 100vh; */ background: #f6f9fd; background: #fff; }
.theme h1{ font-size: 30px; line-height: 40px; color: #0a011b; text-align: center; padding: 30px 0 10px; margin: 0;  font-weight: bold; }
.theme .theme-box  {  width: 90%; display: -webkit-box; padding: 0px; border: none; border-radius: 15px; background: #fff;  margin: 0px auto 0; }
.theme .theme-box form { width: 100%;     display: inline-block;}
.theme .theme-box form .form-left-to-w3l {  margin: 0 auto; padding-bottom: 20px; width: 40%; padding: 20px 0 30px; }
.theme .theme-box form .form-left-to-w3l label {    font-family: 'Open Sans'; width: 100%; font-size: 23px; line-height: 30px; padding: 0 0 15px; margin: 0; color: #032b59; font-weight: bold; }
.theme .theme-box form .form-left-to-w3l input[type="email"], 
.theme .theme-box form .form-left-to-w3l input[type="file"], 
.theme .theme-box form .form-left-to-w3l input[type="text"], 
.theme .theme-box form .form-left-to-w3l input[type="password"]{ font-family: 'Open Sans';  width: 100%; font-size: 14px; line-height: 22px; padding: 10px 0 11px 10px; margin: 0; color: #000000; font-weight: bold; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; }
.theme .theme-box form .form-left-to-w3l select{ font-family: 'Open Sans';  width: 100%; font-size: 14px; line-height: 22px; padding: 10px 0 11px 10px; margin: 0; color: #000000; font-weight: bold; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; }
.theme .theme-box form .form-left-to-w3l textarea{ font-family: 'Open Sans';  width: 100%; font-size: 14px; line-height: 22px; padding: 10px 0 11px 10px; margin: 0; color: #000000; font-weight: bold; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; }
.theme .theme-box .theme-link { width: 100%; display: inline-block; text-align: center; margin: 0 0 70px; }
.theme .theme-box .theme-link a{ width: 12%; display: inline-block; background: #16232c; padding: 13px 30px; border-radius: 10px; color: #fff; font-size: 14px; line-height: 25px; margin: 0 5px; transition: all 500ms ease-in-out; border-bottom: 5px solid #1e1d1f; }
.theme .theme-box .theme-link a:hover{background: #1a0144; transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%);}
.theme .theme-box .theme-link a.active{background: #1a0144; transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%);}

.theme .theme-pic  { width: 15%; display: inline-block; padding: 0px; border: none; border-radius: 35px 35px 15px 15px; background: #0c0023; margin: 8px; text-align: center; }
.theme .theme-pic a img {  width: 100%;transition: all 500ms ease-in-out;  opacity: 1; }
.theme .theme-pic a img:hover {  width: 100%; transition: all 500ms ease-in-out; opacity: 0.8; }
.theme form .form-sub-acc .form-sub  input[type="submit"]{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 0px 0 0; transition: all 500ms ease-in-out; border: none; }
.theme form .form-sub-acc .form-sub  input:hover[type="submit"]{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }

/*company-details*/
.company-details { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; height: auto; /* height: 100vh; */ background: #f6f9fd; background: #fff;     text-align: center; }
.company-details h1{ font-size: 30px; line-height: 40px; color: #0a011b; text-align: center; padding: 30px 0 10px; margin: 0;  font-weight: bold; }
.company-details .theme-box  {  width: 90%; display: -webkit-box; padding: 0px; border: none; border-radius: 15px; background: #fff;  margin: 0px auto 50px; }
.company-details .theme-box form { width: 45%; display: inline-block; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 1px 3px 10px 10px rgb(0 0 0 / 8%); margin: 0 auto;     padding: 20px 0; }
.company-details .theme-box form .form-left-to-w3l {  margin: 0 auto; padding-bottom: 20px; width: 90%; padding:5px 0; }
.company-details .theme-box form .form-left-to-w3l label { font-family: 'Open Sans'; width: 100%; font-size: 17px; line-height: 30px; padding: 0 0 5px 0; margin: 0; color: #041325; font-weight: bold; text-align: left;  }
.company-details .theme-box form .form-left-to-w3l label sub { color: #f00; font-size: 12px; padding: 0 0 0 10px; font-family: -webkit-body; }
.company-details .theme-box form .form-left-to-w3l input[type="email"], 
.company-details .theme-box form .form-left-to-w3l input[type="file"],
.company-details .theme-box form .form-left-to-w3l input[type="text"], 
.company-details .theme-box form .form-left-to-w3l input[type="password"]{float: left;font-family: 'Open Sans'; width: 93%; font-size: 17px; line-height: 22px; padding: 10px 0 11px 10px; margin: 0; color: #515151; font-weight: bold; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; font-family: fangsong; }
.company-details .theme-box form .form-left-to-w3l select{ float: left;font-family: 'Open Sans'; width: 93%; font-size: 17px; line-height: 22px; padding: 10px 0 11px 10px; margin: 0; color: #515151; font-weight: bold; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; font-family: fangsong; }
.company-details .theme-box form .form-left-to-w3l textarea{ float: left;font-family: 'Open Sans'; width: 93%; font-size: 17px; line-height: 22px; padding: 10px 0 11px 10px; margin: 0; color: #515151; font-weight: bold; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; font-family: fangsong;}
.company-details .theme-box .theme-link { width: 100%; display: inline-block; text-align: center; margin: 0 0 70px; }
.company-details .theme-box .theme-link a{ width: 12%; display: inline-block; background: #16232c; padding: 13px 30px; border-radius: 10px; color: #fff; font-size: 14px; line-height: 25px; margin: 0 5px; transition: all 500ms ease-in-out; border-bottom: 5px solid #1e1d1f; }
.company-details .theme-box .theme-link a.active{background: #1a0144; transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%);}
.company-details .theme-box .theme-link a:hover{background: #1a0144; transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%);}
.company-details .theme-box h2 { text-align: center; font-weight: bold; color: #1b0244; font-size: 22px; padding: 20px 0 10px; text-transform: uppercase; }
.company-details .theme-box h2 span { display: block; font-size: 13px; padding: 10px 0 0; color: #e70000; }
.company-details .theme-box form .form-sub-acc .form-sub  input[type="submit"]{ background: #1a0144; padding: 13px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 20px 0 0; transition: all 500ms ease-in-out; border: none; }
.company-details .theme-box form .form-sub-acc .form-sub  input:hover[type="submit"]{transition: all 500ms ease-in-out; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 56%); }
.form-sub .btn-success { background: #6100ff; padding: 12px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 0px 0 0; transition: all 500ms ease-in-out; border: none; }

#addmore { display: inline-block; padding: 10px 10px; margin:-4px 0 0 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; width: 10%; float: right; }
#remove_field { display: inline-block; padding: 10px 10px; margin: -4px 0 0 0; font-size: 14px; font-weight: 400; text-align: center; cursor: pointer; -ms-user-select: none; user-select: none; border-radius: 4px; width: 7%; float: right; background: #ecf3fb; color: #000; margin: 0 0 0 0; border: 1px solid #ccc; }
.btn-danger { display: inline-block; padding: 12px 0 0 2px; font-size: 11px; font-weight: 400; text-align: center; cursor: pointer; user-select: none; border-radius: 4px; width: 7%; float: right; background: #fff; color: #f00; margin: 0 0 0 0; border: 1px solid #fff; display: block; font-weight: bold; text-transform: uppercase; }
#remove_field1 { display: inline-block; padding: 10px 10px; margin: -4px 0 0 0; font-size: 14px; font-weight: 400; text-align: center; cursor: pointer; -ms-user-select: none; user-select: none; border-radius: 4px; width: 7%; float: right; background: #ecf3fb; color: #000; margin: 0 0 0 0; border: 1px solid #ccc; }
#remove_field2 { display: inline-block; padding: 10px 10px; margin: -4px 0 0 0; font-size: 14px; font-weight: 400; text-align: center; cursor: pointer; -ms-user-select: none; user-select: none; border-radius: 4px; width: 7%; float: right; background: #ecf3fb; color: #000; margin: 0 0 0 0; border: 1px solid #ccc; }
#remove_field3{ display: inline-block; padding: 10px 10px; margin: -4px 0 0 0; font-size: 14px; font-weight: 400; text-align: center; cursor: pointer; -ms-user-select: none; user-select: none; border-radius: 4px; width: 7%; float: right; background: #ecf3fb; color: #000; margin: 0 0 0 0; border: 1px solid #ccc; }

/*MObile menu*/
.mobile-container-raj {display: none; }
.header-mob {display: none; }

/*===================== RESPONSIV RAJ / I-pad, Pad, Tab, All-Mobile, I-phone =====================*/

/*I-pad-Pro 10.9 Chek-1024*/
@media screen and (max-width: 1024px) {
    body { width: 100%; margin: 0 auto; }
	.container{ width: 999px; margin: 0px auto;  padding: 0;  }
	header { width: 100%; padding: 5px 0; margin: 0 auto; background: #fff;  }
	header .nav-block ul li a { padding: 0 0px; margin: 0; color: #1a0144; font-weight: 600; font-size: 15px; }
    header .nav-block ul li { padding: 20px 0 0 15px; }
    header .logo-block .logo { width: 85%; }
    header .barnd-login .dropbtn i.fa { width: 25px; height: 25px; border-radius: 50px; padding: 5px; background-color: rgb(255 255 255); color: #003eff; font-size: 15px; line-height: 15px; margin: 0 0 0 5px; }
    header .barnd-login .dropbtn { border: none; outline: none; text-decoration: none; font-size: 11px; padding: 5px 0; color: #ededed; line-height: 30px; }
    .banner .decs .bannet-up-text p { color: #f0f5fb; font-size: 12px; line-height: 20px; letter-spacing: 1px; padding: 0 0 0 50px; margin: 0; }
    .banner .decs .bannet-up-text p span { font-size: 10px; padding: 8px 0 0; margin: 0;}
    .banner .decs .bannet-up-text a { background: #1a0144; padding: 10px 25px; border-radius: 25px; color: #fff; font-size: 14px; line-height: 20px; display: inline-block; margin: 20px 0 0 40px; transition: all 500ms ease-in-out; }
    .about .abo-lt p { font-size: 18px; line-height: 30px; color: #04000b; text-align: justify; padding: 0 0px 0 0; margin: 0; }
    .work .work-box p { font-size: 15px; line-height: 30px; color: #030a34; text-align: center; padding: 0 15px 0; margin: 0; }
    .services .services-box p { font-size: 16px; line-height: 30px; }
    .possibilities h5 { font-size: 16px; line-height: 30px; }
    .about-inner p { font-size: 18px; line-height: 30px; color: #000; text-align: justify; padding: 10px 0 0; margin: 0; }
    .inner-banner { background: #e3e3e3; }
    .privacy-inner h6 { font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 20px; margin: 0; }
    .privacy-inner h2 { font-size: 20px; line-height: 40px; color: #170337; text-align: justify; padding: 10px 0 0; }
    .privacy-inner p { font-size: 17px; line-height: 30px; color: #0e0124; text-align: left; padding: 5px 0 0; margin: 0; }
    .login .login-right { width: 40%; display: -webkit-box; padding: 20px; margin: 150px auto; }
    .side-bar-two h4 { font-size: 15px; padding: 3px 0 0; color: #ffffff; font-family: 'Open Sans'; }
    .side-bar-two i.fa { color: #f0f0fb; font-size: 40px; }
    .side-bar-two { background: #1e74f9; position: relative; display: inline-block; width: 100%; padding: 10px 20px; }
    .sing-up-text h3 { font-family: 'Open Sans'; text-align: center; font-size: 30px; font-weight: bold; padding: 10px 0; }
    .user .user-box h3 { text-align: center; font-size: 20px; line-height: 35px; padding: 0 150px; color: #000; margin: 0; }
    .user .user-box ul.pay { padding: 0; margin: 50px auto 50px; width: 85%; text-align: left;}
    .company-details h1 { font-size: 25px; line-height: 40px; }
    .company-details .theme-box form { width: 50%; }
    .form-sub .btn-success { background: #6100ff; padding: 12px 30px; border-radius: 25px; color: #fff; font-size: 16px; line-height: 20px; display: inline-block; margin: 0px 0 0; transition: all 500ms ease-in-out; border: none; }

}

/*I-pad-Pro 10.5 Chek-834*/
@media screen and (max-width: 834px) {
    body { width: 100%; margin: 0 auto; }
	.container{ width: 800px; margin: 0px auto;  padding: 0; }
	header { width: 100%; padding: 5px 0; margin: 0 auto; background: #fff;  }
	header .nav-block ul li a { padding: 0 0px; margin: 0; color: #1a0144; font-weight: 600; font-size: 13px }
    header .nav-block ul li { padding: 15px 0 0 10px; }
    header .logo-block .logo { width: 82%; }
    .banner .decs .bannet-up-text p { color: #f0f5fb; font-size: 10px; line-height: 18px; letter-spacing: 1px; padding: 0; margin: 0; }
    .banner .decs .bannet-up-text p span { display: block; font-style: italic; font-weight: bold; font-size: 9px; padding: 8px 0 0; }
    .banner .decs .bannet-up-text a { background: #1a0144; padding: 10px 20px; border-radius: 25px; color: #fff; font-size: 13px; line-height: 20px; display: inline-block; margin: 20px 0 0; }
    .banner .decs { width: 100%; position: absolute; content: ""; bottom: 20px; }
    .about , .work , .services, .visiting, .possibilities, .testmonial{ width:100%; overflow: hidden; }
    .about .abo-lt { padding: 0 0 0 20px; }
    .about .abo-lt h1 { font-size: 20px; line-height: 40px; color: #0a011b; text-align: left; padding: 0 0 10px; }
    .about .abo-lt p { font-size: 14px; line-height: 28px; color: #04000b; text-align: justify; padding: 0; margin: 0; }
    .about .abo-lt a { background: #1a0144; padding: 10px 20px; border-radius: 25px; color: #fff; font-size: 14px; line-height: 20px; display: inline-block; margin: 20px 0 0; }
    .work h1 { font-size: 24px; line-height: 30px; }
    .work h6 { font-size: 18px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 30px; margin: 0; }
    .work .work-box h2 { font-size: 15px; line-height: 20px; color: #050b57; text-align: center; padding: 10px 0 0; margin: 0; font-weight: bold; }
    .work .work-box p { font-size: 14px; line-height: 25px; color: #030a34; text-align: center; padding: 5px 0 0; margin: 0; }
    .services h1 { font-size: 24px; line-height: 30px; }
    .services h6 { font-size: 18px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 30px; margin: 0; }
    .services .services-box h2 { font-size: 15px; line-height: 20px; color: #050b57; text-align: center; padding: 10px 0 0; margin: 0; font-weight: bold; }
    .services .services-box p { font-size: 14px; line-height: 25px; color: #030a34; text-align: center; padding: 5px 0 0; margin: 0; }
    .visiting h1 { font-size: 24px; line-height: 30px; }
    .visiting h6 { font-size: 18px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 30px; margin: 0; }        
    .possibilities h1 { font-size: 24px; line-height: 30px; }
    .possibilities h6 { font-size: 18px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 30px; margin: 0; }  
    .possibilities h5 { font-size: 15px; line-height: 30px; color: #00041d; }
    .testmonial h1 { font-size: 24px; line-height: 30px; }
    .testmonial h6 { font-size: 18px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 30px; margin: 0; }  
    .testmonial h5 { font-size: 15px; line-height: 30px; color: #00041d; }  
    .testmonial .testmonial-box { width: 90%; }
    .testmonial .testmonial-box img { width: 15%; }
    .login .login-right { width: 50%; display: -webkit-box; padding: 20px; margin: 150px auto; }
    header .barnd-login{ margin: 2px 0 0 1px; }
    .banner .decs { width: 100%; position: absolute; content: ""; bottom: 30px; left: 40px; }
    .about-inner h2 { font-size: 20px; }
    .about-inner p { font-size: 15px; line-height: 25px; color: #000;}
    .privacy-inner p { font-size: 15px; line-height: 26px; }
    .privacy-inner h1 { font-size: 21px; line-height: 30px; }
    .contact-inner .con-box ul li a { font-weight: 300; color: #000; font-size: 15px; line-height: 28px; }

}

/*I-apd / I-pad Mini 768*/
@media screen and (max-width: 768px) {
	.container{ width: 750px; margin: 0px auto;  padding: 0;  }
    header .barnd-login .dropbtn i.fa { width: 20px; height: 20px; border-radius: 50px; padding: 5px; background-color: rgb(255 255 255); color: #4e1b9d; font-size: 15px; line-height: 10px; margin: 0 0 0 2px; }
    header .barnd-login .dropbtn { border: none; outline: none; text-decoration: none; font-size: 9px; padding: 0 0; color: #ededed; line-height: 30px; }
    header .nav-block ul li { padding: 10px 0 0 10px; }
    header .barnd-login { margin: 6px 0 0 1px; }
    header .barnd-login .dropdown-content { background-color: #fff; left: -60px; border-radius: 10px; }
    .banner .decs .bannet-up-text p span { display: block; font-style: italic; font-weight: normal; font-size: 7px; padding: 5px 0 0; }
    #services-slider .item { padding: 0 5px !important; background: none; margin: 0; }
    .services .services-box h2 { font-size: 12px; line-height: 20px; color: #050b57; }
    .services .services-box p { font-size: 12px; line-height: 20px; color: #030a34; text-align: center; padding: 5px 0 0; margin: 0; }
    .possibilities h5 { font-size: 12px; line-height: 25px; color: #00041d; }
    .testmonial .testmonial-box { width: 100%; }
    .testmonial .testmonial-box img { width: 10%; }
    .testmonial h6 { font-size: 15px; line-height: 15px; color: #000; text-align: center; padding: 5px 0 0px; margin: 0 0 10px; }
    .testmonial{ padding: 20px 0 20px; }
    .testmonial .testmonial-box p { font-size: 16px; line-height: 30px; }
    .testmonial .testmonial-box h2 { font-size: 17px; line-height: 20px; color: #000000; }
    footer img.footer-logo { display: block; width: 40%; height: auto; float: right; }
    .about-inner h6 { font-size: 17px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 10px; margin: 0; }
    .about-inner{ padding: 20px 0 20px; }
    .services{ background: #fff !important; }
    .services .services-box { width: 100%; padding: 10px; margin: 0 0 30px; transition: all 500ms ease-in-out; background: #f0f5fb; }
    .contact-inner h6 { font-size: 20px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 20px; margin: 0; }
    .contact-inner .con-box h3 { font-weight: 600; font-size: 16px; text-align: left; color: #323232; padding: 0 0 15px; margin: 0; }
    .login .login-right { width: 55%; display: -webkit-box; padding: 20px; margin: 150px auto; }
    .user .user-box h3 { text-align: center; font-size: 17px; line-height: 35px; padding: 20px 120px 0; color: #000; margin: 0; }
    .user .user-box ul.pay { padding: 0; margin: 50px auto 50px; width: 100%; text-align: left; }
    .user .user-box ul.pay li span { width: 70%; float: right; padding: 0px 0 0 10px; color: #2b2b2b; font-weight: bold; font-size: 14px; letter-spacing: 0; }
    header .barnd-login .dropbtn i.fa { width: 15px; height: 15px; border-radius: 50px; padding: 3px; background-color: rgb(255 255 255); color: #4e1b9d; font-size: 11px; line-height: 8px; margin: 0 0 0 0px; }
    .create-card .login-right form .form-left-to-w3l { margin: 0 auto; width: 50%; padding: 20px 0 30px; }
    .create-card .login-right form .form-left-to-w3l label { font-family: 'Open Sans'; width: 100%; font-size: 16px; line-height: 20px; padding: 0 0 10px; margin: 0; color: #12032c; font-weight: bold; }
    .theme h1 { font-size: 25px; line-height: 30px; color: #0a011b; text-align: center; padding: 20px 0 10px; margin: 0; font-weight: bold; }
    .theme .theme-box .theme-link a { width: 15%; display: inline-block; padding: 12px 30px; border-radius: 10px; color: #fff; font-size: 9px; line-height: 17px; margin: 0; }
    .theme .theme-pic { width: 14%; display: inline-block; padding: 0px; border: none; border-radius: 15px 15px 10px 10px; background: #0c0023; margin: 8px; text-align: center; }
    .company-details .theme-box .theme-link a{ width: 15%; display: inline-block; padding: 12px 30px; border-radius: 10px; color: #fff; font-size: 9px; line-height: 17px; margin: 0; }
    .company-details .theme-box form { width: 60%; }
    .profile-form form .form-left-to-w3l input[type="submit"] { text-align: center; outline: none; padding: 10px 35px; font-size: 14px; color: #fff; width: 25%; background: #1c1e21; border: none; text-transform: uppercase; margin: 30px 0 0; font-size: 18px; font-weight: bold; }
    .side-bar-two h4 { font-size: 11px; padding: 3px 0 0; color: #ffffff; font-family: 'Open Sans'; }

}

/*RESPONSIV 480 chekout*/
@media screen and (max-width: 600px) {
	.container{ width: 480px; margin: 0px auto;  padding: 0;  }
	.header-mob	{ display: block; }
    .nav-block{ display: none; }
    header{ display: none; }    
    .mobile-container-raj {display: block; }
	
	 /*MObile Header*/
    .header-mob{ width: 100%; padding: 5px 0; margin: 0 auto; background: #fff; position: fixed; z-index: 999; left: 0; right: 0; box-shadow: 0 3px 5px -1px rgb(0 0 0 / 7%), 0 5px 8px 0 rgb(0 0 0 / 5%), 0 1px 14px 0 rgb(0 0 0 / 4%);  }
    .header-mob .logo-block{ width: 100%; padding: 0; margin: 0; text-align: left; }
    .header-mob .logo-block .logo{ width: 75%; }
    .header-mob .nav-block{ width: 100%; padding: 0; margin: 0; text-align: right; }
    .header-mob .nav-block ul{ padding: 0; margin: 0; }
    .header-mob .nav-block ul li{ padding: 20px 0 0 30px; margin: 0; list-style: none; display: inline-block; position: relative; }
    .header-mob .nav-block ul li a{ padding: 0 0px; margin: 0; color: #20005e; font-weight: 600; font-size: 15px; text-transform: uppercase; transition: all 500ms ease-in-out; }
    .header-mob .nav-block ul li a:hover{ text-decoration: none; color: #59595b; transition: all 500ms ease-in-out; }
    
    .header-mob .barnd-login{ float: right; display: inline-block; text-align: center; background: #1a0144; padding: 0 15px; border-radius: 25px; color: #fff; margin: 8px 0 0 10px; transition: all 500ms ease-in-out; border: none;  }
    .header-mob .barnd-login .dropbtn { color: white; background: none; font-size: 16px; border: none; }
    .header-mob .barnd-login .dropbtn img{ width: 90%; }
    .header-mob .barnd-login .dropbtn {     border: none; outline: none; text-decoration: none; font-size: 14px; vertical-align: text-top; padding: 5px 0; color: #ededed; line-height: 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; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; display: block; width: 100%; }
    .header-mob .barnd-login .dropdown { position: relative; display: inline-block; width: 100%;}
    .header-mob .barnd-login .dropdown-content { display: none; position: absolute;  min-width: 130px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; transition: color 0.25s ease-in-out; background-color: #fff; left: 0px; border-radius: 10px; }
    .header-mob .barnd-login .dropdown-content ul { list-style-type: none; z-index: 100; width: 100%; float: left; padding: 10px 0px; }
    .header-mob .barnd-login .dropdown-content ul li { margin: 0; float: left !important; width: 100%; text-align: left !important; }
    .header-mob .barnd-login .dropdown-content ul li a { width: 100%; display: block; line-height: 30px; padding-left: 15px; color: #020004; text-transform: capitalize; font-size: 15px; text-decoration: none; border-radius: 20px !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-mob .barnd-login .dropdown-content ul li a:hover{ color: #fff; background: #1a0144; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, }
    .header-mob .barnd-login .dropdown-content ul li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #1a0144; }
    .header-mob .barnd-login .dropbtn i.fa { width: 35px; height: 35px; border-radius: 50px; padding: 5px; background-color: rgb(255 255 255); color: #220067; font-size: 20px; line-height: 22px; margin: 0 0 0 10px; }
    .header-mob .barnd-login .dropdown:hover .dropdown-content {display: block;}
    .header-mob .barnd-login .dropdown:hover .dropbtn { }
	
	.header-mob .logo-block { width: 100%; padding: 0; margin: 0; text-align: center; }
    .header-mob .logo-block .logo { width: 40%; }
    .header-mob .col-xs-4 { padding:0; margin:0; }
    .header-mob .col-xs-6 { padding:0; margin:0; }    
    .header-mob .logo-block .logo { width: 90%; }
    
    .header-mob .barnd-login .dropbtn i.fa { width: 20px; height: 20px; border-radius: 50px; padding: 5px; background-color: rgb(255 255 255); color: #4e1b9d; font-size: 15px; line-height: 10px; margin: 0 0 0 2px; }
    .header-mob .barnd-login .dropbtn { border: none; outline: none; text-decoration: none; font-size: 9px; padding: 0 0; color: #ededed; line-height: 30px; }
    .header-mob .nav-block ul li { padding: 10px 0 0 10px; }
    .header-mob .barnd-login .dropdown-content { background-color: #fff; left: -60px; border-radius: 10px; }
    .header-mob .barnd-login .dropbtn i.fa { width: 15px; height: 15px; border-radius: 50px; padding: 3px; background-color: rgb(255 255 255); color: #4e1b9d; font-size: 11px; line-height: 8px; margin: 0 0 0 0px; }
    .header-mob .logo-block .logo { width: 100%; padding: 0 0 0 20px; }
    .header-mob .barnd-login { margin: 9px 0 0 1px; }
    
    
    /*MObile menu*/
    .mobile-container {  max-width: 480px; margin: auto; background-color: #555; color: white; border-radius: 10px; }
    .mobile-container .topnav { background-color: #333; position: relative; }
    .mobile-container .topnav #myLinks { display: none; }
    .mobile-container .topnav a.icon { background: #8c52e7; background-color: rgb(140, 82, 231); display: block; position: absolute; right: 30px; top: -48px; }
    .mobile-container .topnav a { color: white; padding: 10px 14px; text-decoration: none; font-size: 17px; display: block; border-radius: 5px; }
    .mobile-container .topnav a:hover { background-color: #ddd; color: black; }
    .mobile-container .topnav { background-color: #1a0144e6; position: relative; position: absolute; top: 52px; right: 0; min-width: 250px; text-align: center; }
    .mobile-container .topnav a.mob-nav-a {padding: 5px 0 5px; margin: 0 0 5px 0; font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 20px; }    
    .mobile-container .topnav a.mob-nav-a:hover { background: #1a0144a8; color: #238bfe; }

.profile-form { border-top: 3px solid #ededed; background: none; position: relative; display: inline-block; width: 100%; padding: 10px 0 10px 20px; webkit-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); -moz-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%); padding: 0 20px; background: #ffffff; margin: 0; }
.side-bar-two i.fa { color: #f0f0fb; font-size: 30px; }
.side-bar-two  .col-xs-8{ padding:0;} 
.ategory ul li a { text-decoration: none; color: #fff; font-size: 13px; line-height: 30px; font-weight: normal; text-transform: uppercase; background: #1c1e21; display: block; border-radius: 5px; padding: 5px 0 5px 20px; font-family: monospace; margin: 0 0 10px 0; }
.profile-form form .form-left-to-w3l input[type="submit"] { text-align: center; outline: none; padding: 10px 35px; font-size: 14px; color: #fff; width: 40%; }
.profile-form form .form-left-to-w3l label { font-family: fangsong; color: #4a4c50; font-size: 17px; font-weight: bold; padding: 0; margin: 0 0 0px; width: 26%; line-height: 35px; }
.profile-form form .form-left-to-w3l input { width: 72%; font-family: fangsong; color: #040013; border: none; padding: 5px 10px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 15px; }
.profile-form form .form-left-to-w3l textarea { width: 72%; font-family: fangsong; color: #040013; border: none; padding: 5px 10px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 15px; }

.category ul li a { text-decoration: none; color: #fff; font-size: 12px; line-height: 35px;}

.user .user-box h3 { text-align: center; font-size: 15px; line-height: 30px; padding: 10px 40px; color: #000; margin: 0; }
.user .user-box ul.pay li span { width: 100%; float: right; padding: 0px 0 0 10px; color: #2b2b2b; font-weight: bold; font-size: 12px; letter-spacing: 0; text-align: center; }
.user .user-box ul.pay li img { width: 40%; float: none; margin: 0 auto; display: block; }
.user .user-box ul { padding: 0; margin: 50px auto 50px; width: 70%; }
.create-card .login-right { width: 90%; display: -webkit-box; padding: 0px; border: none; border-radius: 15px; background: #fff; margin: 30px auto 0; }
.create-card .login-right form .form-left-to-w3l { margin: 0 auto; width: 80%; padding: 20px 0 30px; }
.theme h1 { font-size: 20px; line-height: 20px; color: #0a011b; text-align: center; padding: 20px 0 10px;}
.theme .theme-box .theme-link a { width: 15%; display: inline-block; padding: 13px 6px; border-radius: 10px; color: #fff; font-size: 9px; line-height: 17px; margin: 0; height: 60px; overflow: hidden; }
.company-details .theme-box .theme-link  a { width: 15%; display: inline-block; padding: 13px 6px; border-radius: 10px; color: #fff; font-size: 9px; line-height: 17px; margin: 0; height: 60px; overflow: hidden; }
.company-details .theme-box .theme-link{ width: 100%; display: inline-block; text-align: center; margin: 0 0 30px; }
.theme .theme-box .theme-link { width: 100%; display: inline-block; text-align: center; margin: 0 0 30px; }
.theme .theme-pic { width: 15%; display: inline-block; padding: 0px; border: none; border-radius: 15px 15px 10px 10px; background: #0c0023; margin: 0 2px 10px; text-align: center; }
.company-details .theme-box form { width: 100%; }
footer img.footer-logo { display: block; width: 50%; height: auto; float: right; }
footer .dropdown-social ul li a i.fa { padding: 0 0px 0px 0; margin: 0; font-size: 10px; line-height: 20px; }
footer .dropdown-social ul li a { padding: 3px 8px; margin: 0 0px;}
footer .dropdown-social ul li { position: relative; padding: 0; margin: 0; display: inline-block; }
footer .nav-block-footer ul li { padding: 0 5px;}
footer .nav-block-footer ul li a { padding: 0 0px; margin: 0; color: #000; font-weight: 600; font-size: 10px;}
footer p { text-align: right; font-size: 12px; padding: 5px 0 15px; color: #000; margin: 0; }
.company-details h1 { font-size: 20px; line-height: 40px; text-transform: uppercase; font-weight: bold; }
.contact-inner { padding: 20px 0 25px; margin: 0; }
.contact-inner .form-left-to-w3l input{ padding: 0 0 0 20px; margin: 0; }
.contact-inner .con-box-form { width: 100%; float: left; margin: 0 0px 0 0; overflow: hidden; padding: 10px 30px; }
.contact-inner .con-box { width: 100%; float: left; margin: 0; overflow: hidden; padding: 20px 30px; }
.about-inner { padding: 20px 0 20px 10px; width: 95%; }
.privacy-inner { padding: 20px 0 20px 10px; width: 95%; }
.privacy-inner h2 { font-size: 17px; line-height: 30px; }
.privacy-inner h5 { font-size: 12px; }
.privacy-inner p { font-size: 12px; line-height: 23px;}
.login .login-right { width: 90%; display: -webkit-box; padding: 20px; margin: 100px auto; }   
.banner .decs .bannet-up-text a { background: #1a0144; padding: 10px 10px; border-radius: 25px; color: #fff; font-size: 10px; line-height: 10px; display: inline-block; margin: 5px 0 0; }
.banner .decs .bannet-up-text { width: 50%; padding: 0; margin: 0; }
.banner .decs .bannet-up-text p span { display: block; font-style: italic; font-weight: normal; font-size: 5px; padding: 5px 0 0; }
.banner .decs .bannet-up-text p { color: #fff; font-size: 8px; line-height: 12px; letter-spacing: 0; padding: 0; margin: 0; }
.about { position: relative; width: 100%; background: #f0f5fb; background: #fff; overflow: hidden; padding: 20px 10px 20px; margin: 0; }
.work { position: relative; width: 100%; background: #fff; overflow: hidden; padding: 10px 0; margin: 0; }
    
    
}

/*RESPONSIV 414*/
@media screen and (max-width: 420px) {
	.container{ width: 400px; margin: 0px auto;  padding: 0;  }
	.mobile-container .topnav a.icon { background: #8c52e7; background-color: rgb(140, 82, 231); background-color: rgb(140, 82, 231); display: block; position: absolute; right: 20px; top: -50px; padding: 6px 10px; }
    .banner img { height: auto; width: 100%; margin: 50px 0 0;   }
    .banner .decs { width: 100%; position: absolute; content: ""; bottom: 10px; left: 20px;   }
    .banner .decs .bannet-up-text { width: 60%; padding: 0; margin: 0;   }
    .banner .decs .bannet-up-text p span { display: block; font-style: italic; font-weight: normal; font-size: 5px; padding: 2px 0 0;   }
    .banner .decs .bannet-up-text p { color: #fff; font-size: 7px; line-height: 10px; letter-spacing: 0; padding: 0; margin: 0;   }
    .banner .decs .bannet-up-text a { background: #1a0144; padding: 6px 10px; border-radius: 25px; color: #fff; font-size: 9px; line-height: 10px; display: inline-block; margin: 5px 0 0;   }
    .visiting h1 { font-size: 18px; line-height: 20px;   }
    .visiting h6 { font-size: 14px; line-height: 35px; color: #000; text-align: center; padding: 5px 0 30px; margin: 0;   }
    .header-mob .barnd-login { margin: 6px 0 0 1px; padding: 0 5px;   }
    .user .user-box ul.pay { padding: 0; margin: 20px auto 50px; width: 100%; text-align: left;   }
    .user .user-box ul li a { background: #1a0144; padding: 7px 30px; border-radius: 25px; color: #fff; font-size: 13px; line-height: 20px; display: inline-block; margin: 0px 0 0; transition: all 500ms ease-in-out; border: none;   }
    .about-inner h1 { font-size: 20px; line-height: 20px; color: #1b1823; }
    .about-inner h6 { font-size: 14px; line-height: 25px; }
    .about-inner h2 { font-size: 14px; line-height: 20px; }
    .privacy-inner h1 { font-size: 20px; line-height: 20px; color: #1b1823; }
    .privacy-inner h6 { font-size: 14px; line-height: 25px; }
    .privacy-inner h2 { font-size: 14px; line-height: 20px; }    
    .privacy-inner p { font-size: 12px; line-height: 22px; color: #000; }
    .about-inner p { font-size: 12px; line-height: 22px; color: #000; }    
    footer .nav-block-footer ul li { padding: 0 2px; }
    footer .nav-block-footer ul li a { font-size: 8px; }
    footer p { text-align: right; font-size: 10px; padding: 5px 0 10px; color: #000; margin: 0; }
    .category ul li a { text-decoration: none; color: #fff; font-size: 10px; line-height: 30px; padding: 0 0 0 10px; }
    .profile-form form .form-left-to-w3l label { font-family: fangsong; color: #4a4c50; font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 0px; width: 25%; line-height: 25px; }
    .sing-up-text { padding: 20px 0 20px; margin: 50px 0 0; }
    .sing-up-text h3 { font-family: 'Open Sans'; text-align: center; font-size: 20px; font-weight: bold; padding: 5px 0; text-transform: uppercase; }
    .create-card .login-right form .form-left-to-w3l { margin: 0 auto; width: 90%; padding: 20px 0 30px; }
    .create-card .login-right form .form-left-to-w3l label { font-family: 'Open Sans'; width: 100%; font-size: 14px; line-height: 20px; }
    .create-card .login-right form img.logo-log { width: 20%; margin: 0 auto; display: block; padding: 0 0 0; }
    .theme .theme-pic { width: 15%; display: inline-block; padding: 0px; border: none; border-radius: 15px 15px 10px 10px; background: #0c0023; margin: 0 0 10px 3px; text-align: center; }
    .btn-danger { display: inline-block; padding: 12px 0 0 2px; font-size: 11px; font-weight: 400; text-align: center; cursor: pointer; user-select: none; border-radius: 4px; width: 7%; float: right; background: #fff; color: #f00; margin: 0 0 0 0; border: 1px solid #fff; display: block; font-weight: bold; text-transform: uppercase; }
    .company-details .theme-box h2 { text-align: center; font-weight: bold; color: #1b0244; font-size: 20px; padding: 20px 0 10px; text-transform: uppercase; display: inline-block; }
    .side-bar-two i.fa { color: #f0f0fb; font-size: 20px; }
    .side-bar-two p { color: #ffffff; font-size: 10px; font-weight: bold; letter-spacing: 2px; }
    .side-bar-two h4 { font-size: 10px; padding: 0px 0 0; color: #ffffff; font-family: 'Open Sans'; }
    .profile-form form .form-left-to-w3l input { width: 73%; font-family: fangsong; color: #040013; border: none; padding: 3px 5px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 12px; }
    .profile-form form .form-left-to-w3l textarea { width: 73%; font-family: fangsong; color: #040013; border: none; padding: 3px 5px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 12px; }
    .company-details .theme-box { width: 96%; display: -webkit-box; padding: 0px; border: none; border-radius: 15px; background: #fff; margin: 0px auto 50px; }
    .company-details .theme-box form .form-left-to-w3l img{ width: 40% !important; height: auto !important; margin: 2px 0 10px; }
    .testmonial .testmonial-box p { font-size: 13px; line-height: 22px; }
    .testmonial h1 { font-size: 20px; line-height: 30px; padding: 0; }
    .testmonial .testmonial-box h2 { font-size: 15px; line-height: 20px; color: #000000; padding: 0; }
    .possibilities { padding: 20px 0; }
    .possibilities .possibilities-box { width: 25%; padding: 0; margin: 0; transition: all 500ms ease-in-out; float: left; }
    .contact-inner h1 { font-size: 20px; line-height: 30px; }
    .contact-inner h6 { font-size: 17px; line-height: 25px; color: #000; text-align: center; padding: 0 0 0px; margin: 0; }
    .contact-inner .con-box-form .form-left-to-w3l { width: 100%; padding: 0; margin: 0 0 10px; }
    .contact-inner .form-left-to-w3l input { padding: 0 0 0 10px; margin: 0; font-size: 17px; color: #000; }
    .contact-inner { padding: 0; margin: 0; }
    footer { position: relative; width: 100%; background: #fff; overflow: hidden; padding: 20px 0 10px; margin: 0; background: url("../images/oneclick.jpg" ) left top no-repeat; background-size: auto; background-size: cover; }
    footer img.footer-logo { display: block; width: 60%; height: auto; float: right; }
    footer p { text-align: right; font-size: 11px; padding: 5px 0 10px; color: #000; margin: 0; }

}

/*RESPONSIV 375 Chek 360 */
@media screen and (max-width: 380px) {
	.container{ width: 370px; margin: 0px auto;  padding: 0;  }
	.banner img { height: auto; width: 100%; margin: 30px 0 0; }
	.header-mob .barnd-login .dropdown-content ul li a i { margin-right: 10px; font-size: 11px; line-height: 20px; color: #1a0144; }
    .header-mob .barnd-login .dropdown-content ul li a { width: 100%; display: block; line-height: 25px; padding-left: 15px; color: #020004; text-transform: capitalize; font-size: 14px; }
    .header-mob .barnd-login .dropdown-content ul { list-style-type: none; z-index: 100; width: 100%; float: left; padding: 10px 0px 5px; }
    .about .abo-lt h1 { font-size: 17px; line-height: 20px; color: #0a011b; text-align: left; padding: 0 0 5px; }
    .about .abo-lt p { font-size: 12px; line-height: 20px; color: #04000b; text-align: justify; padding: 0; margin: 0; }
    .work h1 { font-size: 20px; line-height: 30px; }
    .work h6 { font-size: 15px; line-height: 25px; color: #000; text-align: center; padding: 5px 0 10px; margin: 0; }
    .services h1 { font-size: 20px; line-height: 30px; }
    .services h6 { font-size: 15px; line-height: 25px; color: #000; text-align: center; padding: 5px 0 10px; margin: 0; }
    .possibilities h1 { font-size: 20px; line-height: 30px; }
    .possibilities h6 { font-size: 15px; line-height: 25px; color: #000; text-align: center; padding: 5px 0 10px; margin: 0; }
    .possibilities h5 { font-size: 12px; line-height: 20px; color: #00041d; }
    .mobile-container .topnav { background-color: #1a0144e6; position: relative; position: absolute; top: 41px; right: 0; min-width: 200px; text-align: center; }
    .mobile-container .topnav a.icon { background: #8c52e7; background-color: rgb(140, 82, 231); background-color: rgb(140, 82, 231); background-color: rgb(140, 82, 231); display: block; position: absolute; right: 26px; top: -40px; padding: 6px 10px; }
    .header-mob .barnd-login { margin: 3px 0 0 3px; padding: 0 5px; }
    .services { background: #fff !important; padding: 10px 0; }
    .user .user-box ul.pay li span { width: 100%; float: right; padding: 0; color: #2b2b2b; font-weight: bold; font-size: 11px; letter-spacing: 0; text-align: center; }
    .user .user-box h3 { text-align: center; font-size: 12px; line-height: 20px; padding: 0 10px; color: #000; margin: 0; }
    .create-card .login-right form .form-left-to-w3l label { font-family: 'Open Sans'; width: 100%; font-size: 12px; line-height: 20px; }
    .create-card .create-card-right form .form-left-to-w3l input[type="email"], .create-card .login-right form .form-left-to-w3l input[type="email"], .create-card .login-right form .form-left-to-w3l input[type="text"], .create-card .login-right form .form-left-to-w3l input[type="password"] { font-family: 'Open Sans'; width: 100%; font-size: 12px; line-height: 20px; padding: 7px 0 7px 9px; margin: 0; color: #000000; font-weight: bold; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; }
    .create-card .login-right form .form-sub-acc { width: 100%; padding: 0; margin: 0 0 30px; display: inline-block; text-align: center; }
    .create-card .login-right form .form-sub-acc .form-sub { width: 100%; padding: 0; margin: 10px 0 0; float: left; }
    .create-card .login-right form .form-sub-acc .form-sub input[type="submit"] { background: #1a0144; padding: 10px 30px; border-radius: 25px; color: #fff; font-size: 14px; }    
    .theme .theme-box .theme-link a { width: 15%; display: inline-block; padding: 10px 4px; border-radius: 10px; color: #fff; font-size: 8px; line-height: 15px; margin: 0; height: 50px; overflow: hidden; }
    .theme .theme-pic { width: 22%; }
    .company-details .theme-box .theme-link a{ width: 15%; display: inline-block; padding: 10px 4px; border-radius: 10px; color: #fff; font-size: 8px; line-height: 15px; margin: 0; height: 50px; overflow: hidden; }
    #remove_field { display: inline-block; padding: 7px 0; margin: 0 0 0 0px; font-size: 20px; font-weight: 600; text-align: center; cursor: pointer; user-select: none; border-radius: 4px; width: 7%; float: right; background: #fff; color: #000; border: 1px solid #e8e8e8; }
    #remove_field1 { display: inline-block; padding: 7px 0; margin: 0 0 0 0px; font-size: 20px; font-weight: 600; text-align: center; cursor: pointer; user-select: none; border-radius: 4px; width: 7%; float: right; background: #fff; color: #000; border: 1px solid #e8e8e8; }
    #remove_field2 { display: inline-block; padding: 7px 0; margin: 0 0 0 0px; font-size: 20px; font-weight: 600; text-align: center; cursor: pointer; user-select: none; border-radius: 4px; width: 7%; float: right; background: #fff; color: #000; border: 1px solid #e8e8e8; }
    .company-details .theme-box h2 span { display: block; font-size: 9px; padding: 10px 0 0; color: #fb3333; }
    .company-details .theme-box form .form-left-to-w3l label { font-family: 'Open Sans'; width: 100%; font-size: 15px; line-height: 20px; padding: 0 0 15px 0; margin: 0; color: #041325; font-weight: bold; text-align: left; }
    .profile-form{ padding: 0 5px; background: #ffffff; margin: 0; }
    .profile-form form .form-left-to-w3l label { font-family: fangsong; color: #1c1e21; font-size: 12px; padding: 0; margin: 0 0 0px; width: 25%; line-height: 15px; }
    .profile-form form .form-left-to-w3l input { width: 73%; font-family: fangsong; color: #040013; border: none; padding: 5px 5px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 11px; }
    .profile-form form .form-left-to-w3l textarea { width: 73%; font-family: fangsong; color: #040013; border: none; padding: 5px 5px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 11px; }
    .profile-form form .form-left-to-w3l input[type="submit"] { text-align: center; outline: none; padding: 10px 35px; font-size: 14px; color: #fff; width: 50%; margin: 10px 0 20px; }
    .profile-form form .form-left-to-w3l input:hover[type="submit"] {width: 50%; }
    
    
}

/*RESPONSIV 360*/
@media screen and (max-width: 365px) {
    .container{ width: 360px; margin: 0px auto;  padding: 0;  }
    th { text-align: left !important; padding: 12px 9px !important; background: #0f0029 !important; color: #fff; font-size: 12px !important; font-family: 'Open Sans'; }
    .side-bar-two .col-xs-9{ padding:0; margin:0; }

}

/*RESPONSIV 320*/
@media screen and (max-width: 350px) {
    .container{ width: 320px; margin: 0px auto;  padding: 0;  }
    .mobile-container .topnav a.icon { background: #8c52e7; background-color: rgb(140, 82, 231); background-color: rgb(140, 82, 231); background-color: rgb(140, 82, 231); background-color: rgb(140, 82, 231); display: block; position: absolute; right: 20px; top: -40px; padding: 6px 10px;}
    .login .login-right form h5 { font-family: 'Open Sans'; text-align: center; font-size: 14px; }
    .login .login-right form h4 { text-align: center; font-size: 20px; color: #0d0023; line-height: 30px; padding: 5px 0 5px; margin: 0; }
    .login .login-right form .form-sub-acc .form-sub-one p { font-size: 12px; color: #000; text-align: right; padding: 10px 0 0; margin: 0; }
    .login .login-right form .form-sub-acc .form-sub-one p a { font-size: 15px; color: #0a74f5; font-weight: bold; padding: 0 0 0 5px; }
    footer p { text-align: right; font-size: 10px; padding: 5px 0 10px; color: #000; margin: 0; }
    .side-bar-two .col-xs-9{ padding:0; margin:0; }
    .side-bar-two h4 { font-size: 9px; padding: 0px 0 0; color: #ffffff; font-family: 'Open Sans'; }
    .category ul li a { text-decoration: none; color: #fff; font-size: 9px; line-height: 23px; padding: 0 0 0 8px; }
    .profile-form form .form-left-to-w3l label { font-family: fangsong; color: #1c1e21; font-size: 15px; padding: 0; margin: 0 0 0px; width: 100%; line-height: 15px; }
    .profile-form form .form-left-to-w3l input { width: 100%; font-family: fangsong; color: #040013; border: none; padding: 5px 5px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 15px; }   
    .profile-form form .form-left-to-w3l textarea { width: 100%; font-family: fangsong; color: #040013; border: none; padding: 5px 5px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 15px; }   
    .header-mob .barnd-login .dropbtn i.fa { width: 10px; height: 10px; border-radius: 50px; padding: 0; background-color: rgb(255 255 255); color: #4e1b9d; font-size: 8px; line-height: 9px; margin: 0 0 0 0px; }
    .header-mob .barnd-login .dropbtn { border: none; outline: none; text-decoration: none; font-size: 8px; padding: 0 0; color: #ededed; line-height: 30px; }
    .user .user-box ul { padding: 0; margin: 50px auto 50px; width: 80%; }
    .user .user-box ul.pay li span { width: 100%; float: right; padding: 0; color: #2b2b2b; font-weight: bold; font-size: 10px; letter-spacing: 0; text-align: center; }
    .company-details .theme-box form .form-left-to-w3l label { font-family: 'Open Sans'; width: 100%; font-size: 13px; line-height: 20px; padding: 15px 0 10px 0; margin: 0; color: #041325; font-weight: bold; text-align: left; }
    .company-details .theme-box form .form-left-to-w3l textarea { float: left; font-family: 'Open Sans'; width: 93%; font-size: 13px; line-height: 20px; padding: 10px 0 11px 10px; margin: 0; color: #000; font-weight: normal; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; font-family: fangsong; }
    .company-details .theme-box form .form-left-to-w3l input[type="email"], .company-details .theme-box form .form-left-to-w3l input[type="file"], .company-details .theme-box form .form-left-to-w3l input[type="text"], .company-details .theme-box form .form-left-to-w3l input[type="password"] { float: left; font-family: 'Open Sans'; width: 93%; font-size: 13px; line-height: 22px; padding: 5px 0 5px 10px; margin: 0; color: #010217; font-weight: normal; background: #f0f5fbc9; border-radius: 5px; border: 1px solid #e0dede; outline: none; font-family: fangsong; }

}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info