section[data-cattype="502"]{
	padding: 50px 0;
	background-repeat:no-repeat !important;
	background-position:center center !important;
}


   [data-cattype="502"] .ifimg{
       display: none;
}

[data-cattype="502"] iframe {
	height: 630px;
}

section[data-cattype="502"] ul.listImage li,
section[data-cattype="502"] ul.listImage li .wrapper_image{
    width: 150px;
    height: 112px;
    border: none;
}
section[data-cattype="502"] ul.listImage li{  margin: 10px;}

@media (min-width: 1200px) and (max-width: 1300px) {

[data-cattype="502"] iframe {
	height: 365px;
}
}

@media (min-width: 1350px) and (max-width: 1600px) {

[data-cattype="502"] iframe {
	height: 410px;
}
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
  section[data-cattype="502"] {
      min-height: 300px;
      padding: 70px 0;
      background-size:cover !important;
  }
    

    
    [data-cattype="502"] h2:before{
        content: none;
    }

    [data-cattype="502"] h2:after{
        content: none;
    }

	[data-cattype="502"] .left, .right{
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    section[data-cattype="502"] {
      min-height: 300px;
      padding: 70px 0;
      background-size:cover !important;
    }

	[data-cattype="502"] .col-sm-4{
		margin-bottom: 15px;
	}
    
    [data-cattype="502"] h2:before{
        content: none;
    }

    [data-cattype="502"] h2:after{
        content: none;
    }
    
    
    
section[data-cattype="502"] .topbtm{
    padding: 30px;
    
}


   [data-cattype="502"] .ifimg{
       display: block;
}

    
 [data-cattype="502"] .ifimg2{
       display: none;
}

 [data-cattype="502"] iframe {
	height: auto;
}

section[data-cattype="502"] {
	padding: 30px 0;
}
    
}