/*== media query ===*/
@media screen and (min-width: 1400px){
    .site_contents{max-width:1200px;}
}
@media screen and (max-width: 1024px){
    .main_headers .logos{top:10px;}
    .main_headers .inners_contents{margin:10% auto 0;}
}
@media screen and (max-width: 991px){
    .ourservices .servic_sect .services-inside{width:100%;min-height:400px;}
	.main_headers .inners_heads{min-height:55px;}
	.ourservices .services-content p{width:100%;}
	.latest_news .slider .box .details {width:62%;padding: 8rem 10rem;}
	.site_footers .lists{width: 33% !important;}
	.site_footers ul.pageFooterList li a{padding:5px;}
	.testmonials .rightside .owl-item img{width:200px;}
	.contact_us_contents .form_contact{width: 38% !important;}
	.contact_us_contents .get_touch{width:60% !important;}
	.contact_us_contents .get_touch .contain{width:100% !important;}
	.remove_contcts{left:35px;}
	.main-menu .close_bttns{top:2%;}
	.sides_menus .menus{width:8%;}
	.site_contents {
      margin-right: 8%;
    }
}
@media screen and (max-width: 768px){
    .main_headers .inners_contents .text_sliders{font-size: 25px;}
    #mainsldiers .owl-nav .owl-prev{left:-25px;}
    #mainsldiers .owl-nav .owl-next{right:-25px;}
    .testmonials .rightside{width:55%;}
    .testmonials .leftside{width:44%;}
    .testmonials .leftside .client-votes{padding:0 10px;}
    .testmonials .leftside .client-votes .votes-content{width:100%;}
    .testmonials .rightside .owl-item:nth-child(even) img{
    	-webkit-transform: translateX(30px) translateY(30px);
    	-moz-transform: translateX(30px) translateY(30px);
    	transform: translateX(30px) translateY(30px);
    }
    .main-menu ul{padding-right: 1%;}
    .main-menu ul li.has_list > ul{padding:25px 10px;}
    #alphabetContainr{max-width:220px;}
}
@media screen and (max-width: 684px){
    .main_headers .inners_contents .text_sliders p{font-size: 25px;line-height:2.2;}
    .main-menu ul{padding-top:6%;}
    .main-menu ul li a{font-size: 16px;}
    .main-menu .close_bttns{right:2%;}    
    .main-menu .close_bttns i {font-size: 25px;}
    .contact_us_contents .get_touch .contain{height:100vh;}
    .contact_us_contents .get_touch .contain:before,.contact_us_contents .get_touch .contain:after{display:none;}
    .remove_contcts {left: 8%;}
    .latest_news .owl-next {top: 47%;}
    .owl-carousel .owl-nav button svg{width:30px;}
}
@media screen and (max-width: 415px){
    .main_headers .inners_contents{min-height: 330px;}
    .main_headers .inners_contents img {height: 200px;}
    .main_headers .inners_contents .text_sliders {
        font-size: 16px;
        position: static;
        width: 100%;
        height: auto;
    }
    .main_headers .inners_contents .text_sliders p {
      font-size: 20px;
      line-height: 1.8;
      padding: 10px;
    }
    #mainsldiers .owl-nav .owl-next {right: -15px;}
    #mainsldiers .owl-nav .owl-prev{left: -15px;}
    .facts_numbers .facts{width:100%;}
    .facts_numbers {margin: 85px auto;}
    .facts_numbers .facts::before ,.facts_numbers .facts:first-child::before {position: absolute;
        bottom: 0;
        left: 0;top: auto;
        width: 100%;
        height: 1px;
        content: "";
        background-color: #d8d8d8;
    }
    .ourservices .servic_sect {width: calc(100%/1);}
    .testmonials .rightside {
      width: 100%;
    }
    .testmonials .leftside{width: 100%;}
    .latest_news .slider .box .details {
      width: 100%;float:none;
      padding: 1rem 2rem;
      text-align: center;
      margin-top: 2%;
    }
    .latest_news .slider .box .illustration {width: 60%;margin: 12% auto;float:none;padding-right: 25px;}
    .latest_news .slider .illustration div{margin:0 auto;height: 18rem;width: 12rem;}
    .site_footers .lists {
      width: 48% !important;
    }
    .contact_us_page{right:8%;}
    .contact_us_contents .form_contact,
    .contact_us_contents .get_touch {
      width: 100% !important;
    }
    .sides_menus .menus{width:10%;}
    .site_contents {margin-right: 10%;}
    .testmonials .rightside .item{height:320px;}
    .main-menu ul li.has_list > ul{
        right: 0;
        background: #ffd96c;
    }
    .main-menu ul li.has_list > ul{z-index:-1;padding-top: 30%;}
    .main-menu ul {min-width: 100%;padding-top: 30%;}
    .main-menu ul li.has_list > ul.shown{right:0;background: #ffd96c;z-index:11;}
    .main-menu ul li.heads{margin-right:0;}
    .main-menu .close_bttns{right:6%;top:5%;}
}





@media screen and (max-height: 768px){
.contact_us_contents .get_touch .contain:after{
 
}
.contact_us_contents .get_touch .contain:before{

}

}