/* CSS Document */
@media (min-width: 375px) {
}

/* end min-width 375*/

@media (min-width: 768px){
    .slide-element__pdb-600 {  padding-top: 400px;}
    .caption--midle-left{top: 50%;left: 0;right: auto;transform: translate(0, -50%);}
    .caption--midle-center {top: 35%;text-align: center;}
    .slider-layout1 h3{font-size: 40px; color: #FFF; font-weight:bold}
    .slide_btn{margin-top:20px;}
    .news .news-item{max-width: 40%;}
    .t-center-logo{text-align: left;}
}

/*end min-width: 768*/

@media (min-width: 1025px){
    .slide-element__pdb-600 {padding-top: 400px;}
    .caption--midle-center {top: 33%;text-align: center;}
    .slider-layout1 h3{font-size: 60px; color: #FFF; font-weight:bold}
    .slide_btn{margin-top:30px;}
    .news .news-item{max-width: 30%;}
}
/*end min-width 1025*/

@media (min-width: 1200px){
    .news .news-item{max-width: 20%;}
}
/*end min-width 1200*/



/************MAX-width****************/
@media (max-width: 1550px){
    .nt_menu > li > a {padding-right: 10px;padding-left: 10px;}
    .counter-div{padding:20px 20px;}
    .counter-div img{width: 50px;height:50px; top:7px;}
    .counter-l{font-size:33px !important;}
    .counter-title{}
}
/*end max-width 1550*/

@media (max-width: 1200px)
{
    .slide-def{padding-bottom:10px;}
    .slide-def-slider{padding: 25px 40px;width:100%;top:0;left:0;}
    .slide-def-slider .title{font-size:35px;}
    .slide-def-slider .desc {margin-top: 30px;}
    /*.tt-img{width:100%; position:absolute;max-width:100%;}*/
    .default-project .container{max-width:1200px;}
    .big-bannerx .header{min-height:500px;}
    .big-bannerx .desc{padding: 20px 30px;}
    .bannerxl .desc{max-width:90%;}
    .bannerxl .header {min-height:400px;}
    .counter-div{padding:20px 0px;}
    .blog .bg-img-blog{width: 580px;}
}
/*end max-width 1200*/

@media (max-width: 1025px){
    footer .nt-social {text-align: center;margin-top:20px;}
    .blog .blog-header{min-height: 200px;}
    .blog .title-blog{font-size:55px;}
    .big-bannerx .desc{padding: 20px 30px;left:50%; width:80%}
    .blog .bg-img-blog{transform:translateX(-9%)}
}
/*end max-width 1025*/

@media (max-width: 991px){
    .blog .bg-img-blog{transform:translateX(-33%)}
}
/*end max-width: 991*/

@media (max-width: 960px){
    .default-project .dp-item{padding: 30px 15px;}
    .default-project .dp-title {font-size:26px;}
    .blog .bg-img-blog{transform:translateX(-33%)}
}
/*end max-width: 960*/

@media (max-width: 768px){
    .blog .blog-header{min-height: 300px;}
    .blog .title-blog{font-size:45px;}
    .default-project .container{max-width:400px;}
    .big-banner .desc::before{top:-10%}
    .timeline2 .year-section .image-pos {height:250px}
    .d-project .big-img {height: 240px;margin-top: 30px;}
    .d-project .litle-img {margin-top: 30px;}
    .d-project .mt-5{margin-top:0 !important;}
    .news-item{padding: 20px 40px;}
    .blog .col-md-7{height: auto}
}
/*end max-width: 768*/

@media (max-width: 575px){
    .containerx{padding: 15px 10px;}
    .containerx .content {padding: 0px 10px 0px 0px;}
    .containerx.right .content {padding: 10px 0px 10px 10px;}
    .timeline2 .year-section .image-pos {height:200px}
    footer .txt_title{font-size: 25px;}
    .contact-form .ct-form {padding: 10px;}
    .contact-form .ct-form input, .contact-form .ct-form textarea{margin: 10px 0px;}
    .contact-form .ct-t2 {height: auto;}
    .ct-ctitle {margin-top: 50px;}
    .contact-form {padding-bottom: 0px;}
    .blog .title-blog{font-size:36px;}
    .blog .blog-header{min-height: 100px;}
    .default-hist {margin-top: 50px;}
    .default-hist .text {padding-left: 0px;  padding-right: 0px;}
    .default-hist .title {font-size: 31px;line-height: 31px;}
    .slide-def-slider{width:100%;left:0;padding: 5px 30px;}
    .slide-def{padding-bottom:120px;}
    .big-banner .header{min-height: 500px;}
    .big-banner .desc{top:50%; left: 50%; transform: translateX(-50%) translateY(-50%); padding: 30px 60px;}
    .big-banner .desc h3{font-size: 31px; margin: 18px 23px}
    .big-banner .desc::before,.big-banner .desc::after{font-size: 60px}
    .big-banner .desc::before{top:-20%; left:40px}
    .big-banner .desc::after{right:40px}
    .news{margin-top:30px;}
    .default-portfolio .dp-item{height:350px; margin: 0px 10px;}
    .default-portfolio .dp-btn{opacity:1; font-size: 30px; line-height: 35px;padding:10px;}
    .default-portfolio .dp-btn i{line-height:70px; width:70px; height:70px; font-size: 33px;top:59px}
    .default-portfolio .sub-item{font-size:16px;font-weight: normal;}
    .blog h1{margin-top:10px;}
    .bannerxl .header{min-height:400px;}
    .bannerxl .desc{max-width:100%; padding:50px 20px;}
    .bannerxl h3{margin: 40px 12px;font-size:30px;}
    .bannerxl h3::before,
    .bannerxl h3::after{font-size:70px;}
    .bannerxl h3::before{top:15px;left:16px}
    .bannerxl h3::after{bottom:5px;right:16px}
    .big-bannerx .desc{left:50%; transform:translateX(-50%) translateY(-50%); padding:20px;width:95%;}
    .big-bannerx h3{margin:0px}
    .default-portfolio .dp-title{font-size:28px !important; margin-bottom:40px !important;}
    .default-portfolio .dp-btn{font-size:23px; width:100%; left: 0px}
    .default-portfolio .dp-desc{width: 95%}
    .default-portfolio .header{min-height:550px;}
    .default-service .ds-title{font-size:28px;margin-bottom:40px;}
    .default-portfolio{margin-bottom: 100px;}
    .default-ref{margin: 100px 20px}
    .news-item{padding: 20px 40px;}
}
/*end max-width 1025*/

@media (max-width: 375px){
    footer .txt_title{font-size: 25px;}
    .big-bannerx .header {min-height:550px}
    
}
/*end max-width 375*/