body{font-family:"Roboto",sans-serif;color:#272829}
a{color:#0062aa;text-decoration:none}
a:hover{color:#000;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:'Roboto',sans-serif}
p{font-size:15px;line-height:1.4}
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#0062aa;width:40px;height:40px;border-radius:50px;transition:all .4s}
.back-to-top i{font-size:28px;color:#fff;line-height:0}
.back-to-top:hover{background:#0678e3;color:#fff}
.back-to-top.active{visibility:visible;opacity:1}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#fff}
#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #0062aa;border-top-color:#fff;border-bottom-color:#fff;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}
@-webkit-keyframes animate-preloader {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes animate-preloader {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@media screen and (max-width: 768px) {
[data-aos-delay]{transition-delay:0!important}
}
#header{position:fixed;top:0;left:0;bottom:0;z-index:9996;transition:all .5s;padding:15px;overflow-y:auto;border-right:1px solid #dfdfdf;background:#fff;width:300px}
@media (max-width: 991px) {
#header{width:300px;background:#fff;border-left:1px solid #e6e9ec;left:-300px}
}
@media (min-width: 991px) {
#main{margin-left:300px}
}
.nav-menu{padding:0;display:block}
.dropdown-item{white-space: inherit;}
.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu > ul > li{position:relative;}
.nav-menu a,.nav-menu a:focus{display:flex;align-items:center;color:#45505b;padding:10px 18px;margin-bottom:8px;transition:.3s;font-size:15px;background:#f2f3f5;height:56px;width:100%;overflow:hidden;transition:.3s;text-transform:uppercase;font-weight:500}
.nav-menu a i,.nav-menu a:focus i{font-size:20px}
.nav-menu a span,.nav-menu a:focus span{padding:0 5px 0 7px;color:#0062aa;text-transform:uppercase;font-weight:700}
@media (min-width: 991px) {
.nav-menu a,.nav-menu a:focus{width:100%;text-transform:uppercase;font-weight:600}
.nav-menu a span,.nav-menu a:focus span{color:#0062aa;font-weight:700;text-transform:uppercase}
}
.nav-menu a:hover,.nav-menu .active,.nav-menu .active:focus,.nav-menu li:hover > a{color:#fff;background:#0062aa}
.nav-menu a:hover span,.nav-menu .active span,.nav-menu .active:focus span,.nav-menu li:hover > a span{color:#fff}
.nav-menu a:hover,.nav-menu li:hover > a{width:100%;color:#fff}
.nav-menu a:hover span,.nav-menu li:hover > a span{display:block}
.mobile-nav-toggle{position:fixed;right:10px;top: 15px;z-index:9998;border:0;background:none;font-size:28px;transition:all .4s;outline:none!important;line-height:0;cursor:pointer;border-radius:50px;padding:5px;}
.mobile-nav-toggle i{color:#45505b}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active #header{left:0}
.mobile-nav-active .mobile-nav-toggle{color:#fff;background-color:#0062aa}
#hero{width:100%;height:100vh;background: url(../img/hero-bg.jpg) no-repeat;position:relative;padding-top: 350px;}
@media (min-width: 991px) {
#hero{
    padding-left: 300px;
    background-position: right;
}
}
#hero:before{content:"";background:#0000007d;position:absolute;bottom:0;top:0;left:0;right:0}
#hero h1{margin:0;font-size:55px;font-weight:700;line-height:65px;color:#fff;text-transform:uppercase}
#hero p{color:#fff;margin:15px 0 0;font-size:26px;text-transform:uppercase;font-family:'Roboto',sans-serif; display:none;}
#hero p span{color: #ffffff;letter-spacing:1px;}
#hero .social-links{margin-top:30px}
#hero .social-links a{font-size:24px;display:inline-block;color:#45505b;line-height:1;margin-right:20px;transition:.3s}
#hero .social-links a:hover{color:#0062aa}
@media (max-width: 991px) {
#hero{text-align:center}
#hero p{margin-top:10px;font-size:30px;line-height:50px}
}
section{padding:40px 0;overflow:hidden}
.dropdown-menu.show{width: 100%!important;padding: 10px 0!important;}
.dropdown-menu.show{position:inherit!important;border: none;margin-top: 0;padding-top: 0!important;}
.dropdown-menu a{border-radius: 50px;margin-bottom: 5px!important;padding: 10px 23px!important;}
.dropdown-menu i{color: #000;}
.section-title{text-align:center;padding-bottom:30px}
.section-title h2{font-size:32px;font-weight:700;text-transform:uppercase;margin-bottom:0;padding-bottom:20px;position:relative;color:#45505b}
.section-title h2::before{content:"";position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px)}
.section-title h2::after{content:"";position:absolute;display:block;width:40px;height:3px;background:#0062aa;bottom:0;left:calc(50% - 20px)}
.section-title p{margin-bottom:0}
.about .content h3{font-weight:700;font-size:26px;color:#728394}
.about .content ul{list-style:none;padding:0}
.about .content ul li{margin-bottom:20px;display:flex;align-items:center}
.about .content ul strong{margin-right:10px}
.about .content ul i{font-size:16px;margin-right:5px;color:#0062aa;line-height:0}
.about .content p:last-child{margin-bottom:0}
.facts .count-box{padding:30px 30px 25px;margin-top:30px;width:100%;position:relative;text-align:center;background:#fff}
.facts .count-box i{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:24px;background: #f2f3f5;color: #0062aa;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 4%) 0px 2px 16px 0px;width:48px;height:48px;}
.facts .count-box span{font-size:36px;display:block;font-weight:600;color:#011426}
.facts .count-box p{padding:0;margin:0;font-family:'Roboto',sans-serif;text-transform:uppercase}
.skills .progress{height:60px;display:block;background:none;border-radius:0}
.skills .progress .skill{padding:10px 0;margin:0;text-transform:uppercase;display:block;font-weight:600;font-family:'Roboto',sans-serif;color:#45505b;font-size:15px}
.skills .progress .skill .val{float:right;font-style:normal}
.skills .progress-bar-wrap{background:#f2f3f5}
.skills .progress-bar{width:1px;height:10px;transition:2.9s;background-color:#0062aa}
.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#45505b}
.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid #0062aa;position:relative}
.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;font-family:'Roboto',sans-serif;color:#0062aa;margin-bottom:10px}
.resume .resume-item h5{font-size:16px;background:#f7f8f9;padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px}
.resume .resume-item ul{padding-left:20px}
.resume .resume-item ul li{padding-bottom:10px}
.resume .resume-item:last-child{padding-bottom:0}
.resume .resume-item::before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#fff;border:2px solid #0062aa}
.portfolio .portfolio-item{margin-bottom:30px}
.portfolio #portfolio-flters{padding:0;margin:0 auto 25px;list-style:none;text-align:center;background:#fff;border-radius:50px;padding:2px 15px}
.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#272829;margin-bottom:5px;transition:all .3s ease-in-out}
.portfolio #portfolio-flters li:hover,.portfolio #portfolio-flters li.filter-active{color:#0062aa}
.portfolio #portfolio-flters li:last-child{margin-right:0}
.portfolio .portfolio-wrap{transition:.3s;position:relative;overflow:hidden;z-index:1;background:rgba(69,80,91,0.8)}
.portfolio .portfolio-wrap::before{content:"";background:rgba(255,255,255,0.7);position:absolute;left:30px;right:30px;top:30px;bottom:30px;transition:all ease-in-out .3s;z-index:2;opacity:0}
.portfolio .portfolio-wrap .portfolio-info{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:3;transition:all ease-in-out .3s;display:flex;flex-direction:column;justify-content:center;align-items:center}
.portfolio .portfolio-wrap .portfolio-info::before{display:block;content:"";width:48px;height:48px;position:absolute;top:35px;left:35px;border-top:3px solid #d7dce1;border-left:3px solid #d7dce1;transition:all .5s ease 0;z-index:9994}
.portfolio .portfolio-wrap .portfolio-info::after{display:block;content:"";width:48px;height:48px;position:absolute;bottom:35px;right:35px;border-bottom:3px solid #d7dce1;border-right:3px solid #d7dce1;transition:all .5s ease 0;z-index:9994}
.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;color:#45505b;font-weight:600}
.portfolio .portfolio-wrap .portfolio-info p{color:#45505b;font-size:14px;text-transform:uppercase;padding:0;margin:0}
.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4}
.portfolio .portfolio-wrap .portfolio-links a{color:#45505b;margin:0 2px;font-size:28px;display:inline-block;transition:.3s}
.portfolio .portfolio-wrap .portfolio-links a:hover{color:#148af9}
.portfolio .portfolio-wrap:hover::before{top:0;left:0;right:0;bottom:0;opacity:1}
.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1}
.portfolio .portfolio-wrap:hover .portfolio-info::before{top:15px;left:15px}
.portfolio .portfolio-wrap:hover .portfolio-info::after{bottom:15px;right:15px}
.portfolio-details{padding-top:40px}
.portfolio-details .portfolio-details-slider img{width:100%}
.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #0062aa}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#0062aa}
.portfolio-details .portfolio-info{padding:30px;box-shadow:0 0 30px rgba(69,80,91,0.08)}
.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}
.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}
.portfolio-details .portfolio-info ul li + li{margin-top:10px}
.portfolio-details .portfolio-description{padding-top:30px}
.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}
.portfolio-details .portfolio-description p{padding:0}
.services .icon-box{text-align:center;padding:70px 20px 80px;transition:all ease-in-out .3s;background:#fff;box-shadow:0 5px 90px 0 rgba(110,123,131,0.05)}
.services .icon-box .icon{margin:0 auto;width:100px;height:100px;display:flex;align-items:center;justify-content:center;transition:ease-in-out .3s;position:relative}
.services .icon-box .icon i{font-size:36px;transition:.5s;position:relative}
.services .icon-box .icon svg{position:absolute;top:0;left:0}
.services .icon-box .icon svg path{transition:.5s;fill:#f5f5f5}
.services .icon-box h4{font-weight:600;margin:10px 0 15px;font-size:22px}
.services .icon-box h4 a{color:#45505b;transition:ease-in-out .3s}
.services .icon-box p{line-height:24px;font-size:14px;margin-bottom:0}
.services .icon-box:hover{border-color:#fff;box-shadow:0 0 35px 0 rgba(0,0,0,0.08)}
.services .iconbox-blue i{color:#47aeff}
.services .iconbox-blue:hover .icon i{color:#fff}
.services .iconbox-blue:hover .icon path{fill:#47aeff}
.services .iconbox-orange i{color:#ffa76e}
.services .iconbox-orange:hover .icon i{color:#fff}
.services .iconbox-orange:hover .icon path{fill:#ffa76e}
.services .iconbox-pink i{color:#e80368}
.services .iconbox-pink:hover .icon i{color:#fff}
.services .iconbox-pink:hover .icon path{fill:#e80368}
.services .iconbox-yellow i{color:#ffbb2c}
.services .iconbox-yellow:hover .icon i{color:#fff}
.services .iconbox-yellow:hover .icon path{fill:#ffbb2c}
.services .iconbox-red i{color:#ff5828}
.services .iconbox-red:hover .icon i{color:#fff}
.services .iconbox-red:hover .icon path{fill:#ff5828}
.services .iconbox-teal i{color:#11dbcf}
.services .iconbox-teal:hover .icon i{color:#fff}
.services .iconbox-teal:hover .icon path{fill:#11dbcf}
.form-control{height: 100%; color: #7b838a; font-size: 14px;}
.select-arrow{background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);background-position: calc(100% - 20px) calc(1em + 6px), calc(100% - 15px) calc(1em + 6px), calc(100% - 2.5em) 0.9em;background-size: 5px 5px, 5px 5px, 1px 1.2em;background-repeat: no-repeat; height:44px;}
.contact .info{width:100%;background:#fff}
.contact .info i{font-size:20px;color:#0062aa;float:left;width:44px;height:44px;background:#eef7ff;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}
.contact .info h4{padding:0 0 0 60px;font-size:20px;font-weight:600;margin-bottom:5px;color:#45505b;text-transform:uppercase}
.contact .info p{padding:0 0 0 60px;margin-bottom:0;color:#728394}
.contact .info .email,.contact .info .phone{margin-top:40px}
.contact .info .email:hover i,.contact .info .address:hover i,.contact .info .phone:hover i{background:#0062aa;color:#fff}
.contact .php-email-form{width:100%;background:#fff}
.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}
.contact .php-email-form .error-message br + br{margin-top:25px}
.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}
.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}
.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}
.contact .php-email-form input,.contact .php-email-form textarea{border-radius:4px;box-shadow:none;font-size:14px}
.contact .php-email-form input{height:44px}
.contact .php-email-form textarea{padding:10px 12px}
.contact .php-email-form button[type=submit]{background:#0062aa;border:0;padding:10px 35px;color:#fff;transition:.4s;border-radius:50px}
.contact .php-email-form button[type=submit]:hover{background:#0678e3}
@-webkit-keyframes animate-loading {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes animate-loading {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
#header img{width: 80%;margin-left: 30px;}
#footer{background:#f7f8f9;color:#45505b;font-size:14px;text-align:center;padding:30px 0;margin-left:300px}
#footer h3{font-size:36px;font-weight:700;position:relative;font-family:'Roboto',sans-serif;padding:0;margin:0 0 15px}
#footer p{font-size:15px;font-style:italic;padding:0;margin:0 0 40px}
#footer .social-links{margin:0 0 20px}
#footer .social-links a{font-size:15px;display:inline-block;color:#000;line-height:1;margin-right:4px;border-radius:50%;font-weight:400;text-align:center;transition:.3s;text-transform:uppercase}
#footer .social-links a:hover{text-decoration:none}
#footer .copyright{margin:0 0 5px}
#footer .credits{font-size:13px}
.alt-menu{height:inherit!important;padding:5px 10px!important;margin-bottom:0!important}
.scrollto{border-radius:50px}
.ortala{display:flex;flex-direction:column;align-items:center;justify-content:center}
.facts{background:#efefef}
.dropdown-menu.show{width:90%;}
.dropdown-menu i{font-size: 14px!important;margin-right: 7px;}
.tel{font-weight:600;border-radius:50px;height:56px;text-transform:uppercase;display:flex;align-items:center;background:#0373e3;color:#fff;padding:10px 18px}
.tel span{animation:tel 1.8s ease-in-out infinite}
.tel:hover{color:#fff}
.tel-i{margin-right:1rem;font-size:20px;animation:tel 1.8s ease-in-out infinite}
@keyframes tel {
0%{opacity:1}
50%{opacity:.5}
100%{opacity:2}
}
.container .box{position:relative;width:100%;padding:350px 0 0;box-shadow:0 15px 25px rgba(0,0,0,.1);border-radius:15px;box-sizing:border-box;overflow:hidden;text-align:center;background-size:contain;background-position:center;border:1px solid #dfdfdf}
.container .box:before{content:'';width:50%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,.2);z-index:2;pointer-events:none;text-align:center}
.container .box .icon{position:relative;display:flex;justify-content:center;align-items:center;font-weight:400;transition:1s}
.container .box .icon i{padding:12px}
.container .box:hover .icon{box-shadow:0 0 0 400px #0062aa}
.container .box .content{position:relative;z-index:1;transition:1s;padding:20px;background:#000}
.container .box:hover .content{color:#fff}
.container .box .content h3{font-size:20px;margin:10px 0;padding:0;text-align:center}
.container .box .content p{margin:0;padding:0;text-align:center}
.box a{display:inline-block;padding:10px 25px;background:#fff;border-radius:10px;text-decoration:none;color:#000;font-weight:500;margin-top:20px;box-shadow:5px 2px 5px rgba(0,0,0,.2);border:1px solid green}
.resume .col-lg-4{margin-bottom:3rem!important}
.service-box-h3{margin:0!important;text-transform:uppercase;font-weight:700;color:#fff}
.container .box:hover .content{background:#fff}
.container .box:hover .content h3{color:#000}
.container .box p{position:absolute;top:150px;z-index:999;display:none}
.container .box:hover p{color:#fff;display:block;transition:2s}
.skills{background:#efefef}
.btn-flip{opacity:1;outline:0;color:#fff;line-height:40px;position:relative;text-align:center;letter-spacing:0;display:inline-block;text-decoration:none;font-family:'Roboto';text-transform:uppercase;width:100%;border:2px solid #0062aa;margin-bottom:10px;font-size:15px}
.btn-flip:hover:after{opacity:1;transform:translateY(0) rotateX(0)}
.btn-flip:hover:before{opacity:0;transform:translateY(50%) rotateX(90deg)}
.btn-flip:after{top:0;left:0;opacity:0;width:100%;color:#0062aa;display:block;font-weight:700;transition:.5s;position:absolute;background:#fff;content:attr(data-back);transform:translateY(-50%) rotateX(90deg)}
.btn-flip:before{top:0;left:0;opacity:1;color:#fff;display:block;padding:0 30px;font-weight:700;line-height:40px;transition:.5s;position:relative;background:#0062aa;content:attr(data-front);transform:translateY(0) rotateX(0)}
.arıza-form{text-transform:uppercase;text-align:center}
.topbar{display:none}
.btn-flip{height: 44px; overflow: hidden;}
.about img{width:100%}
.resume .col-lg-4{width:30%}
.resume .row{display:flex;justify-content:space-between}
.breadcrumb h1{filter:grayscale(1)}
.breadcrumb{display:flex;flex-direction:column;justify-content:center;text-transform:uppercase;color:#fff;padding-left:10px;height:200px;background:url(../img/breadcrumb.jpg)}
.mobile-cagri-box{display: none;}
@media(max-width:1700px){
  #hero{
    background-position: bottom;
    background-size: cover;
}
}
@media(max-width:1440px) {
#header{width:250px}
#main{margin-left:250px}
#footer{margin-left:250px}
.container .box{padding:320px 0 0}
}
@media(max-width:1200px) {
  .container .box p{top: 77px;}
#hero{
    padding: 0;
    padding-left: 250px;
}
.about .container{display:flex;flex-direction:column}
.about img{width:auto}
.about .col-xl-5.col-lg-12{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}
.resume .col-lg-4{width:33%}
.container .box{padding:230px 0 0}
.container .box .content h3{font-size:16px}
#hero{background-size: cover;}
}
@media(max-width:991px) {
.topbar{background:#fff;position:fixed;z-index:9998;width:100%;padding-left:10px;display:block;border-bottom:1px solid #dfdfdf}
.topbar img{width: 150px; margin-bottom: 10px;}
.mobile-nav-active #header{left:inherit;right:0}
#header img{display:none}
#hero{background-position:center}
#hero p span{color:#fff}
#hero h1{text-transform:uppercase}
#main{margin-left:0}
#footer{margin-left:0}
.responsive-mt{margin-top:45px}
.breadcrumb{padding-top:75px}
.breadcrumb h1{margin-bottom:0;font-size:35px}
.breadcrumb h5{font-size:18px}
.responsive-mt{margin-top:0}
.d-none-991{display:none!important}
.mobile-box{min-height: 100vh;}
.mobile-box h4{text-transform:uppercase;margin-bottom:0;font-weight: 500;color: #fff;}
.mobile-cagri-box{position: fixed;bottom: 0px;width: 100%;display: block;}
.mobile-cagri-box i::before{animation:tel 1.8s ease-in-out infinite}
.mobile-cagri-box h4{animation:tel 1.8s ease-in-out infinite;color:#fff;margin-top: -15px;margin-bottom: 0;padding-bottom: 15px;}
.mobile-cagri-box .count-box i{background:#0373e3;border:3px solid #fff;position: relative;top: -25px;font-size: 24px;border-radius: 50px;display: inline-flex;width: 48px;height: 48px;align-items: center;justify-content: center;color: #fff;}
.mobile-cagri-box .count-box{background: #0373e3!important;text-align: center;text-transform: uppercase;}
.mobile-tecrube-box i::before{animation:tel 1.8s ease-in-out infinite}
.mobile-tecrube-box h4{animation:tel 1.8s ease-in-out infinite;color:#fff}
.mobile-tecrube-box .count-box i{background:#000;border:3px solid #fff}
.mobile-tecrube-box .count-box{background:#000;border:3px solid #fff}
.mobile-tecrube-box .count-box p{color:#fff}
.mobile-box .count-box{height:100px;align-items:center;justify-content:center;display:flex;flex-direction:column;border-radius: 10px;}
.mobile-box .col-md-6:first-child .count-box{background:url(../img/hakkimizda-menu.jpg);}
.mobile-box .col-md-6:nth-child(2) .count-box{background:url(../img/bolge-menu.jpg);}
.mobile-box .col-md-6:nth-child(3) .count-box{background:url(../img/hizmet-menu.jpg);}
.mobile-box .col-md-6:nth-child(4) .count-box{background:url(../img/iletisim-menu.jpg);}
.d-block-991{display:flex!important;align-items: center;justify-content:center;}
.mobile-ortala{display:flex;align-items:center;justify-content:center!important;padding-left: 0;}
.mobile-ortala img{}
.order-mobile{order:2;margin-top:3rem}
.mobile-contact{padding-top:1rem}
.arıza-form{padding-bottom:1rem}
.order-mobile-1{order: 1;}
.form-block{display: block!important;}
.form-ust-pb{padding-bottom: 0;}
.mobile-box .count-box i{color: #000;}
}
@media(max-width:767px) {
#hero h1{font-size:48px;line-height:40px}
#hero{height:75vh}
.skills-pt{padding-top:0}
.mobile-box h4{font-size:20px}
.resume .col-lg-4{width:50%}
}
@media(max-width:576px) {
  .resume .row{justify-content: center;}
  .mobile-box .col-md-6:first-child .count-box{background-size: cover;}
.mobile-box .col-md-6:nth-child(2) .count-box{background-size: cover;}
.mobile-box .col-md-6:nth-child(3) .count-box{background-size: cover;}
.mobile-box .col-md-6:nth-child(4) .count-box{background-size: cover;}
  .form-ust-pb{padding-bottom: 2rem;}
#hero h1{font-size:35px;line-height:10px}
.about .col-xl-5.col-lg-12{display:none}
.facts .col-xl-3{margin-bottom:1rem}
.breadcrumb h1{font-size:30px}
.breadcrumb h5{font-size:15px}
.breadcrumb{height:170px;background-size:cover}
.about-sm-pt{padding-top:0}
.about-sm-mt{margin-top:2rem!important}
.mobile-jcc{justify-content:center;/* padding-top: 1rem; *//* padding-bottom: 1rem; */}
.mobile-jcc .col-md-6{margin-bottom:.2rem}
.mobile-box .count-box{padding:10px;padding-bottom: 0;}
.mobile-box .col-8{width:90%}
.resume .col-lg-4{width:80%}
.container .box{background-size:contain;height:400px;padding:340px 0 0}
.resume{padding-bottom:0}
.resume .col-lg-4{margin-bottom:2rem!important}
.mobile-box .col-8:last-child{margin-bottom: 3.5rem;}
.mobile-box{padding-top: 80px;align-items: flex-start;}
}
@media(max-width:400px) {
#hero h1{font-size:27px}
#hero p{font-size:20px;line-height:35px}
#hero{height:50vh}
.mobile-nav-toggle{
    right: 0;
}
.container .box{height:300px;padding:260px 0 0}
.container .box .content{padding:10px}
.breadcrumb{padding-top: 60px;}
}
#hero{height: 100vh;}
@media(max-width:1700px){#hero{height: 100vh;background-size: cover;background-position: right;}}
@media(max-width:1200px){#hero{padding-top: 280px;}#hero h1{font-size: 45px;line-height: 50px;}}
#header{padding-top: 100px;}
@media(max-width:991px){#header{padding-top: 80px;}}
#hero .container{display: flex; flex-direction: column; align-items: center;}
#hero h1{font-size: 45px; line-height: 50px;}
#hero:before{background: none;}