/*************                    ******************/
/************** #control_main_ep *******************/
/*************  ควบคุมหมวกหมู่หลัก   ******************/


.control_main_ep {
    width: 100%;
    height: auto;
    padding-top: 115px;
}

.control_main_ep h1 {
    color: #007bce;
    text-align: center;
    padding-bottom: 35px;
    font-size: 1.6em;
    font-weight: normal;
}

.control_main_ep h2 {
    text-align: center;
    color: #333;
    font-weight: normal;
}

.control_main_ep h3 {
    color: #fff;
    font-weight: normal;
}

.control_main_ep .info_services {
    width: 100%;
    height: auto;
    padding-top: 20px;
}

.control_main_ep .info_services_grid {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;

}

.control_main_ep .info_services_item {
    position: relative;
    cursor: pointer; 
}

.control_main_ep .info_services_item a {
    text-decoration: none;
}

.control_main_ep .info_services_item img {
    width: 100%;
    height: auto;
}

.control_main_ep .info_img:hover {
    opacity: 0.9;
    transition: 0.2s;
}

.control_main_ep h3:hover{
    background-color: rgba(90, 90, 90, 0.7);
}

.control_main_ep .control_main_ep_alnum{
    position: absolute;
    top: 83%;
    width: 100%;
    text-align: center;
    background-color: rgba(70, 70, 70, 0.7);
    font-size: 18px;
    padding: 0px; 
}

table{
    width: 80%;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    margin: auto;
    text-align: center;
}

th {
    font-size: 22px;
}

td {
    font-size: 20px;
}

th, td {
    padding: 5px;
}



/*************                       ******************/
/************** เริ่มต้นการปรับแต่งหน้าจอ *******************/
/*************                       ******************/


/****** Kindle Fire HD 8.9" (800 x 1280) ย่อเมื่อจอน้อยกว่า 1280px******/ 
@media only screen and (max-width: 1280px){
}

/****** ย่อเมื่อจอน้อยกว่า 1200px พิเศษไม่ใช่ขนาดหน้าจอ******/
@media only screen and (max-width: 1200px){ 
}

/****** ย่อเมื่อจอน้อยกว่า 1100px พิเศษไม่ใช่ขนาดหน้าจอ******/
@media only screen and (max-width: 1100px){
    .control_main_ep .control_main_ep_alnum {
        top: 81%;
        font-size: 17.5px;
    }
}

/****** iPad Air (768 x 1024),Kindle Fire (600 x 1024) ย่อเมื่อจอน้อยกว่า 1024px*******/
@media only screen and (max-width: 1024px){
    .control_main_ep .control_main_ep_alnum {
        top: 80.5%;
        font-size: 17px;
    }
}

/****** Galaxy Nexus 7 (603 x 966) ย่อเมื่อจอน้อยกว่า 966px*******/
@media only screen and (max-width: 966px){
    .control_main_ep .control_main_ep_alnum {
        top: 79.5%;
        font-size: 16.5px;
    }
}

/****** ปรับจออัตโนมัติ ในช่วง 966-853 เพื่อให้สมดุล ที่ระยะ 900px *******/ 
@media only screen and (max-width: 900px){
    .control_main_ep .control_main_ep_alnum {
        top: 79%;
        font-size: 16px;
    }
}

/****** Galaxy Note 4 (480 x 853),Kindle Fire HD 7" (533 x 853) ย่อเมื่อจอน้อยกว่า 853px*******/
@media only screen and (max-width: 853px){
    .control_main_ep .control_main_ep_alnum {
        top: 83%;
        font-size: 18px;
    }

    .control_main_ep .info_services_grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0.5rem;
        justify-items: center;
    }

    .control_main_ep {
        padding-top: 105px;
    }

    table{
        width: 90%;
    }
}

/****** Galaxy Tab 2 10.1 (800 x 1280),Kindle Fire HD 8.9" (800 x 1280) ย่อเมื่อจอน้อยกว่า 800px*******/
@media only screen and (max-width: 800px){
    .control_main_ep .control_main_ep_alnum {
        top: 82.5%;
        font-size: 18px;
    }
}


/****** iPad Air (768 x 1024) ย่อเมื่อจอน้อยกว่า 768px*******/
@media only screen and (max-width: 768px){
    .control_main_ep .control_main_ep_alnum {
        top: 82%;
        font-size: 17.5px;
    }
}

/****** Iphone 6 Plus (414 x 736) ย่อเมื่อจอน้อยกว่า 736px*******/
@media only screen and (max-width: 736px){
    .control_main_ep .control_main_ep_alnum {
        top: 81.5%;
        font-size: 17px;
    }
}

/****** Nexus 6 (412 x 690) ย่อเมื่อจอน้อยกว่า 690px*******/
@media only screen and (max-width: 690px){
    .control_main_ep .control_main_ep_alnum {
        top: 80.5%;
        font-size: 17px;
    }
}

/****** Iphone 6 (375 x 667) ย่อเมื่อจอน้อยกว่า 667px*******/
@media only screen and (max-width: 667px){
    .control_main_ep .control_main_ep_alnum {
        top: 80%;
        font-size: 17px;
    }
}

/****** Galaxy S6 (360 x 640),Lumia 920 (384 x 640),Galaxy Note II (360 x 640) ย่อเมื่อจอน้อยกว่า 640px*******/
@media only screen and (max-width: 640px){
    .control_main_ep .control_main_ep_alnum {
        top: 79.5%;
        font-size: 16.5px;
    }
}

/****** Xperia Z3 (360 x 598),Kindle Fire (600 x 1024),Galaxy Nexus 7 (603 x 966) ย่อเมื่อจอน้อยกว่า 603px*******/
@media only screen and (max-width: 603px){
    .control_main_ep .control_main_ep_alnum {
        top: 78.5%;
        font-size: 16px;
    }
}

/****** Iphone 5 (320 x 568) ย่อเมื่อจอน้อยกว่า 568px*******/
@media only screen and (max-width: 568px){
    .control_main_ep .control_main_ep_alnum {
        top: 78%;
        font-size: 15px;
    }
}

/****** Kindle Fire HD 7" (533 x 853) ย่อเมื่อจอน้อยกว่า 533px*******/
@media only screen and (max-width: 533px){
    .control_main_ep .control_main_ep_alnum {
        top: 78%;
        font-size: 14px;
    }
}


/****** Iphone 4 (320 x 480),Galaxy Note 4 (480 x 853) ย่อเมื่อจอน้อยกว่า 480px*******/
@media only screen and (max-width: 480px){
    .control_main_ep .control_main_ep_alnum {
        top: 77%;
        font-size: 14px;
    }

    table{
        width: 100%;
    }
}

/****** Nexus 6 (412 x 690),Iphone 6 Plus (414 x 736) ย่อเมื่อจอน้อยกว่า 414px*******/
@media only screen and (max-width: 414px){
    .control_main_ep .control_main_ep_alnum {
        top: 83%;
        font-size: 18px;
    }

    .control_main_ep .info_services_grid {

        grid-template-columns: 1fr;
        grid-gap: 0.5rem;
        justify-items: center;
    }

    .control_main_ep {
        padding-top: 100px;
    }

    th {
        font-size: 20px;
    }
    
    td {
        font-size: 18px;
    }
}


/****** Lumia 920 (384 x 640) ย่อเมื่อจอน้อยกว่า 384px*******/
@media only screen and (max-width: 384px){
    .control_main_ep .control_main_ep_alnum {
        top: 82%;
        font-size: 17px;
    }
}

/****** Iphone 6 (375 x 667) ย่อเมื่อจอน้อยกว่า 375px*******/
@media only screen and (max-width: 375px){
    .control_main_ep .control_main_ep_alnum {
        top: 81.5%;
        font-size: 16.5px;
    }
}

/****** Galaxy S6 (360 x 640),Xperia Z3 (360 x 598),Galaxy Note II (360 x 640) ย่อเมื่อจอน้อยกว่า 360px*******/
@media only screen and (max-width: 360px){
    .control_main_ep .control_main_ep_alnum {
        top: 81%;
        font-size: 16px;
    }

    th {
        font-size: 20px;
    }
    
    td {
        font-size: 16px;
    }
}


/****** Iphone 5 (320 x 568),Iphone 4 (320 x 480), ย่อเมื่อจอน้อยกว่า 320px*******/
@media only screen and (max-width: 320px){
    .control_main_ep .control_main_ep_alnum {
        top: 80.5%;
        font-size: 15px;
    }

    th {
        font-size: 20px;
    }
    
    td {
        font-size: 15px;
    }
}