/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

/* details Style */
.schedule-box .schedule-details{
    color: #333;
    font-size:16px;
    border: 0
}
/* Name of page style */
.media-post .post-thumb {
    float: right;
    margin: 0 0 0 10px;
}

.panel-group .panel-title a.active{color:#222222}

.inner-header .title{
    font-size: 35px;
}
.divider .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.zeus.tparrows.tp-rightarrow:before{
font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  }
  
  
  .zeus.tparrows.tp-leftarrow:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f053";
  }

/* news details */

.pull-right.flipp {
    float: left!important;
    position: relative;
    top: 17px;
    right: 65px;
}

p{
    text-align: justify;
}

/* newsImage */
.thumb{ overflow: hidden;height:240px}
.thumb img{transition: all ease-out .5s;height:100%}
.thumb img:hover{transition: all ease-in .5s;transform: scale(1.2)}

/* zTeam */
.zTeamBox{
    overflow: hidden;
}
.zImage{transition: all ease-in-out .5s;}
.zImage:hover{
transition: all ease-in-out .5s;
transform: scale(1.2)}


/* gellary slider */


.headerBg{
    background-image: url(/assets/images/hed-bg-en.jpg);
    background-repeat: none;
    background-size: cover;
    height:200px;
}


.sidebarRes{padding:30px}
#side-panel-trigger{margin-top:4px}

                           

@media (max-width:767px){
	section > .container{
		padding:0
	}
	
	.side-panel-trigger{padding-top:10px;}
	
	.phone-res{display:none}
	
	    .headerBg{
        background: none ;
        height: 150px;
    }
    
    
    .imgRes{padding-top: 15px;}
    
    .header-nav{ top: -10px;}
    
    .arEnSection{
        margin-top:-73px
    }
    .sliderRes{display:none}
     .sidebarRes{padding:0}
#side-panel-trigger{margin-top:-7px}
        .ser{display:none}


	}
    
    


@media (min-width:767px) AND (max-width:992px){
	section > .container{
		padding:0
	}
	
	.side-panel-trigger{padding-top:10px;}
	
	.phone-res{display:none}
	
}

.cap{
text-transform:capitalize
}